43 lines
1.2 KiB
SCSS
43 lines
1.2 KiB
SCSS
|
// Labels for buttons
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
@mixin button-label-size($padding-vertical, $padding-horizontal, $border-radius) {
|
||
|
|
padding: $padding-vertical $padding-horizontal;
|
||
|
|
left: (-1 * $padding-horizontal);
|
||
|
|
border-radius: ($border-radius - 1px) 0 0 ($border-radius - 1px);
|
||
|
|
|
||
|
|
&.btn-label-right {
|
||
|
|
left: auto;
|
||
|
|
right: (-1 * $padding-horizontal);
|
||
|
|
border-radius: 0 ($border-radius - 1px) ($border-radius - 1px) 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.btn-labeled {
|
||
|
|
padding-top: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-label {
|
||
|
|
position: relative;
|
||
|
|
background: transparent;
|
||
|
|
background: rgba(0, 0, 0, 0.15);
|
||
|
|
display: inline-block;
|
||
|
|
@include button-label-size($padding-base-vertical, $padding-base-horizontal, $border-radius-base);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-lg .btn-label {
|
||
|
|
@include button-label-size($padding-large-vertical, $padding-large-horizontal, $border-radius-large);
|
||
|
|
}
|
||
|
|
.btn-sm .btn-label {
|
||
|
|
@include button-label-size($padding-small-vertical, $padding-small-horizontal, $border-radius-small);
|
||
|
|
}
|
||
|
|
.btn-xs .btn-label {
|
||
|
|
@include button-label-size(1px, 5px, $border-radius-small);
|
||
|
|
}
|
||
|
|
.btn-group > .btn:last-child:not(:first-child) .btn-label, .btn-group > .dropdown-toggle:not(:first-child) .btn-label {
|
||
|
|
border-bottom-left-radius: 0px;
|
||
|
|
border-top-left-radius: 0px;
|
||
|
|
}
|