123456789101112131415161718192021222324252627282930313233343536373839 |
- // 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);
- }
|