sass.n2o.components.Button.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

There is a newer version: 7.28.3

/*
    Данное решение следует рассматривать как временное
    для иконок внутри кнопок заданы размеры контейнера чтобы кнопки не зависили от размера
    иконок.
    Кнопка является flex контейнером
*/
.btn {
    display: inline-flex;
    column-gap: 0.35em;
    align-items: center;
    min-height: 38px;
}

.btn > i {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
}

.btn-sm {
    min-height: 21px;
}

.btn-sm > i {
    width: 1.143em;
    height: 1.143em;
}

.btn-lg > i {
    width: 1.2em;
    height: 1.2em;
}

.dropleft.btn-group {
    .dropdown-toggle.btn::before {
        color: $primary;
    }
}