_button-labels.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. // Labels for buttons
  2. // --------------------------------------------------
  3. @mixin button-label-size($padding-vertical, $padding-horizontal, $border-radius) {
  4. padding: $padding-vertical $padding-horizontal;
  5. left: (-1 * $padding-horizontal);
  6. border-radius: ($border-radius - 1px) 0 0 ($border-radius - 1px);
  7. &.btn-label-right {
  8. left: auto;
  9. right: (-1 * $padding-horizontal);
  10. border-radius: 0 ($border-radius - 1px) ($border-radius - 1px) 0;
  11. }
  12. }
  13. .btn-labeled {
  14. padding-top: 0;
  15. padding-bottom: 0;
  16. }
  17. .btn-label {
  18. position: relative;
  19. background: transparent;
  20. background: rgba(0, 0, 0, 0.15);
  21. display: inline-block;
  22. @include button-label-size($padding-base-vertical, $padding-base-horizontal, $border-radius-base);
  23. }
  24. .btn-lg .btn-label {
  25. @include button-label-size($padding-large-vertical, $padding-large-horizontal, $border-radius-large);
  26. }
  27. .btn-sm .btn-label {
  28. @include button-label-size($padding-small-vertical, $padding-small-horizontal, $border-radius-small);
  29. }
  30. .btn-xs .btn-label {
  31. @include button-label-size(1px, 5px, $border-radius-small);
  32. }