labels-badges.less 977 B

12345678910111213141516171819202122
  1. //
  2. // Labels and badges
  3. // --------------------------------------------------
  4. .label,
  5. .badge {
  6. // Important (red)
  7. &-important { background-color: @errorBackground; color: @errorText; }
  8. &-important[href] { background-color: darken(@errorBackground, 10%); }
  9. // Warnings (orange)
  10. &-warning { background-color: @warningBackground; color: @warningText; }
  11. &-warning[href] { background-color: darken(@warningBackground, 10%); }
  12. // Success (green)
  13. &-success { background-color: @successBackground; color: @successText; }
  14. &-success[href] { background-color: darken(@successBackground, 10%); }
  15. // Info (turquoise)
  16. &-info { background-color: @infoBackground; color: @infoText; }
  17. &-info[href] { background-color: darken(@infoBackground, 10%); }
  18. // Inverse (black)
  19. &-inverse { background-color: @grayDark; }
  20. &-inverse[href] { background-color: darken(@grayDark, 10%); }
  21. }