_badges.scss 710 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /* Badge */
  2. .badge {
  3. border-radius: 50px;
  4. margin-left: auto;
  5. line-height: 1;
  6. padding: 6px 10px;
  7. vertical-align: middle;
  8. font-weight: $font-weight-normal;
  9. font-size: 11px;
  10. border: 1px solid #ddd;
  11. }
  12. [class*="badge-"]:not(.badge-count) {
  13. border: 0px !important;
  14. }
  15. .badge-default {
  16. background: $dark-color;
  17. color: $white-color !important;
  18. }
  19. .badge-primary {
  20. background: $primary-color;
  21. }
  22. .badge-secondary {
  23. background: $secondary-color;
  24. }
  25. .badge-info {
  26. background: $info-color;
  27. }
  28. .badge-success {
  29. background-color: $success-color;
  30. }
  31. .badge-warning {
  32. background: $warning-color;
  33. color: $white-color !important;
  34. }
  35. .badge-danger {
  36. background-color: $danger-color;
  37. }