badges.less 962 B

123456789101112131415161718192021222324252627282930313233343536
  1. // BADGES
  2. // ------
  3. // Base
  4. .badge {
  5. padding: 1px 9px 2px;
  6. font-size: @baseFontSize * .925;
  7. font-weight: bold;
  8. white-space: nowrap;
  9. color: @white;
  10. background-color: @grayLight;
  11. .border-radius(9px);
  12. }
  13. // Hover state
  14. .badge:hover {
  15. color: @white;
  16. text-decoration: none;
  17. cursor: pointer;
  18. }
  19. // Colors
  20. .badge-error { background-color: @errorText; }
  21. .badge-error:hover { background-color: darken(@errorText, 10%); }
  22. .badge-warning { background-color: @orange; }
  23. .badge-warning:hover { background-color: darken(@orange, 10%); }
  24. .badge-success { background-color: @successText; }
  25. .badge-success:hover { background-color: darken(@successText, 10%); }
  26. .badge-info { background-color: @infoText; }
  27. .badge-info:hover { background-color: darken(@infoText, 10%); }
  28. .badge-inverse { background-color: @grayDark; }
  29. .badge-inverse:hover { background-color: darken(@grayDark, 10%); }