_labels.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. //
  2. // Labels
  3. // --------------------------------------------------
  4. .label {
  5. display: inline;
  6. padding: .2em .6em .3em;
  7. font-size: 75%;
  8. font-weight: bold;
  9. line-height: 1;
  10. color: $label-color;
  11. text-align: center;
  12. white-space: nowrap;
  13. vertical-align: baseline;
  14. border-radius: .25em;
  15. // Add hover effects, but only for links
  16. &[href] {
  17. &:hover,
  18. &:focus {
  19. color: $label-link-hover-color;
  20. text-decoration: none;
  21. cursor: pointer;
  22. }
  23. }
  24. // Empty labels collapse automatically (not available in IE8)
  25. &:empty {
  26. display: none;
  27. }
  28. // Quick fix for labels in buttons
  29. .btn & {
  30. position: relative;
  31. top: -1px;
  32. }
  33. }
  34. // Colors
  35. // Contextual variations (linked labels get darker on :hover)
  36. .label-default {
  37. @include label-variant($label-default-bg);
  38. }
  39. .label-primary {
  40. @include label-variant($label-primary-bg);
  41. }
  42. .label-success {
  43. @include label-variant($label-success-bg);
  44. }
  45. .label-info {
  46. @include label-variant($label-info-bg);
  47. }
  48. .label-warning {
  49. @include label-variant($label-warning-bg);
  50. }
  51. .label-danger {
  52. @include label-variant($label-danger-bg);
  53. }