labels.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. // LABELS
  2. // ------
  3. // Base
  4. .label {
  5. padding: 1px 4px 2px;
  6. font-size: @baseFontSize * .846;
  7. font-weight: bold;
  8. line-height: 13px; // ensure proper line-height if floated
  9. color: @white;
  10. vertical-align: middle;
  11. white-space: nowrap;
  12. text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  13. background-color: @grayLight;
  14. .border-radius(3px);
  15. }
  16. // Hover state
  17. .label:hover {
  18. color: @white;
  19. text-decoration: none;
  20. }
  21. // Colors
  22. .label-important { background-color: @errorText; }
  23. .label-important:hover { background-color: darken(@errorText, 10%); }
  24. .label-warning { background-color: @orange; }
  25. .label-warning:hover { background-color: darken(@orange, 10%); }
  26. .label-success { background-color: @successText; }
  27. .label-success:hover { background-color: darken(@successText, 10%); }
  28. .label-info { background-color: @infoText; }
  29. .label-info:hover { background-color: darken(@infoText, 10%); }
  30. .label-inverse { background-color: @grayDark; }
  31. .label-inverse:hover { background-color: darken(@grayDark, 10%); }