_text.scss 502 B

12345678910111213141516171819202122232425262728293031323334353637
  1. //
  2. // Component: Text
  3. //
  4. // text modification
  5. .text-bold {
  6. &, &.table td, &.table th {
  7. font-weight: 700;
  8. }
  9. }
  10. .text-xs {
  11. font-size: $font-size-xs !important;
  12. }
  13. .text-sm {
  14. font-size: $font-size-sm !important;
  15. }
  16. .text-md {
  17. font-size: $font-size-base !important;
  18. }
  19. .text-lg {
  20. font-size: $font-size-lg !important;
  21. }
  22. .text-xl {
  23. font-size: $font-size-xl !important;
  24. }
  25. // text color variations
  26. @each $name, $color in $colors {
  27. .text-#{$name} {
  28. color: #{$color} !important;
  29. }
  30. }