labels.less 833 B

1234567891011121314151617181920212223242526272829303132
  1. // LABELS
  2. // ------
  3. // Base
  4. .label {
  5. padding: 2px 4px 3px;
  6. font-size: @baseFontSize * .85;
  7. font-weight: bold;
  8. color: @white;
  9. text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  10. background-color: @grayLight;
  11. .border-radius(3px);
  12. }
  13. // Hover state
  14. .label:hover {
  15. color: @white;
  16. text-decoration: none;
  17. }
  18. // Colors
  19. .label-important { background-color: @errorText; }
  20. .label-important:hover { background-color: darken(@errorText, 10%); }
  21. .label-warning { background-color: @orange; }
  22. .label-warning:hover { background-color: darken(@orange, 10%); }
  23. .label-success { background-color: @successText; }
  24. .label-success:hover { background-color: darken(@successText, 10%); }
  25. .label-info { background-color: @infoText; }
  26. .label-info:hover { background-color: darken(@infoText, 10%); }