_text.scss 506 B

123456789101112131415161718192021222324252627282930313233343536373839
  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. }