_text.scss 692 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. //
  2. // Component: Text
  3. //
  4. // text modification
  5. .text-bold {
  6. &,
  7. &.table td,
  8. &.table th {
  9. font-weight: 700;
  10. }
  11. }
  12. .text-xs {
  13. font-size: $font-size-xs !important;
  14. }
  15. .text-sm {
  16. font-size: $font-size-sm !important;
  17. }
  18. .text-md {
  19. font-size: $font-size-base !important;
  20. }
  21. .text-lg {
  22. font-size: $font-size-lg !important;
  23. }
  24. .text-xl {
  25. font-size: $font-size-xl !important;
  26. }
  27. // text color variations
  28. @each $name, $color in $colors {
  29. .text-#{$name} {
  30. color: #{$color} !important;
  31. }
  32. }
  33. @include dark-mode () {
  34. .text-muted {
  35. color: $gray-500 !important;
  36. }
  37. @each $name, $color in $colors-alt {
  38. .text-#{$name} {
  39. color: #{$color} !important;
  40. }
  41. }
  42. }