No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_text.scss 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // Weight and italics
  2. .font-weight-300 { font-weight: 300 !important; }
  3. .font-weight-400 { font-weight: 400 !important; }
  4. .font-weight-500 { font-weight: 500 !important; }
  5. .font-weight-600 { font-weight: 600 !important; }
  6. .font-weight-700 { font-weight: 700 !important; }
  7. .font-weight-800 { font-weight: 800 !important; }
  8. .font-weight-900 { font-weight: 900 !important; }
  9. // Text decorations
  10. .text-underline { text-decoration: underline; }
  11. .text-through { text-decoration: line-through; }
  12. // Text size
  13. .text-xs { font-size: $font-size-xs !important; }
  14. .text-sm { font-size: $font-size-sm !important; }
  15. .text-lg { font-size: $font-size-lg !important; }
  16. .text-xl { font-size: $font-size-xl !important; }
  17. // Line heights
  18. .lh-100 { line-height: 1; }
  19. .lh-110 { line-height: 1.1; }
  20. .lh-120 { line-height: 1.2; }
  21. .lh-130 { line-height: 1.3; }
  22. .lh-140 { line-height: 1.4; }
  23. .lh-150 { line-height: 1.5; }
  24. .lh-160 { line-height: 1.6; }
  25. .lh-170 { line-height: 1.7; }
  26. .lh-180 { line-height: 1.8; }
  27. // Letter spacings
  28. .ls-1 { letter-spacing: .0625rem; }
  29. .ls-15 { letter-spacing: .09375rem; }
  30. .ls-2 { letter-spacing: 0.125rem; }
  31. // Color variations
  32. @each $color, $value in $colors {
  33. @include text-emphasis-variant(".text-#{$color}", $value);
  34. }