button-labels.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. // Labels for buttons
  2. // --------------------------------------------------
  3. .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. .button-label-size(@padding-base-vertical; @padding-base-horizontal; @border-radius-base);
  23. }
  24. .btn-lg .btn-label {
  25. .button-label-size(@padding-large-vertical; @padding-large-horizontal; @border-radius-large);
  26. }
  27. .btn-sm .btn-label {
  28. .button-label-size(@padding-small-vertical; @padding-small-horizontal; @border-radius-small);
  29. }
  30. .btn-xs .btn-label {
  31. .button-label-size(1px; 5px; @border-radius-small);
  32. }