_text.scss 792 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // Text
  2. // Text alignment utilities
  3. .text-left {
  4. text-align: left;
  5. }
  6. .text-right {
  7. text-align: right;
  8. }
  9. .text-center {
  10. text-align: center;
  11. }
  12. .text-justify {
  13. text-align: justify;
  14. }
  15. // Text transform utilities
  16. .text-lowercase {
  17. text-transform: lowercase;
  18. }
  19. .text-uppercase {
  20. text-transform: uppercase;
  21. }
  22. .text-capitalize {
  23. text-transform: capitalize;
  24. }
  25. // Text style utilities
  26. .text-normal {
  27. font-weight: normal;
  28. }
  29. .text-bold {
  30. font-weight: bold;
  31. }
  32. .text-italic {
  33. font-style: italic;
  34. }
  35. .text-large {
  36. font-size: 1.2em;
  37. }
  38. // Text overflow utilities
  39. .text-ellipsis {
  40. @include text-ellipsis();
  41. }
  42. .text-clip {
  43. overflow: hidden;
  44. text-overflow: clip;
  45. white-space: nowrap;
  46. }
  47. .text-break {
  48. hyphens: auto;
  49. word-break: break-word;
  50. word-wrap: break-word;
  51. }