You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.8 KiB
59 lines
1.8 KiB
// |
|
// Split button dropdowns |
|
// |
|
|
|
.dropdown-toggle-split { |
|
padding-right: calc($btn-padding-x / 1.9); |
|
padding-left: calc($btn-padding-x / 1.9); |
|
} |
|
|
|
.btn-lg + .dropdown-toggle-split, |
|
.btn-group-lg > .btn + .dropdown-toggle-split { |
|
padding-right: calc($input-btn-padding-x-lg / 1.75); |
|
padding-left: calc($input-btn-padding-x-lg / 1.75); |
|
} |
|
|
|
.btn-sm + .dropdown-toggle-split, |
|
.btn-group-sm > .btn + .dropdown-toggle-split { |
|
padding-right: calc($input-btn-padding-x-sm / 1.9); |
|
padding-left: calc($input-btn-padding-x-sm / 1.9); |
|
} |
|
|
|
// button group border |
|
.btn-group { |
|
[class*='btn-']:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']) { |
|
border-left-color: rgba($black, 0.08) !important; |
|
border-right-color: rgba($black, 0.08) !important; |
|
} |
|
} |
|
|
|
// remove first btn group border left |
|
.btn-group |
|
> .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-child, |
|
.btn-group |
|
> .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):first-of-type { |
|
border-left-color: transparent !important; |
|
} |
|
|
|
// remove last btn group border right |
|
.btn-group |
|
> .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-child, |
|
.btn-group |
|
> .btn:not([class*='btn-outline-']):not([class*='btn-flat-']):not([class*='btn-gradient-']):not([class*='btn-relief-']):last-of-type { |
|
border-right-color: transparent !important; |
|
} |
|
|
|
// toggle button |
|
.btn-group-toggle { |
|
[class*='btn-outline-'] { |
|
&:not(:last-child) { |
|
border-right-width: 0 !important; |
|
} |
|
} |
|
:not([class*='btn-outline-']) { |
|
&.active, |
|
&:active { |
|
box-shadow: inset $box-shadow; |
|
} |
|
} |
|
}
|
|
|