Font weight 100 (.font-100)
Font weight 200 (.font-200)
Font weight 300 (.font-300)
Font weight 400 (.font-400)
Font weight 500 (.font-500)
Font weight 600 (.font-600)
Font weight 700 (.font-700)
Font weight 800 (.font-800)
Font weight 900 (.font-900)
This text can't be selected because it has .no-select applied
this is some lowercase text with .uppercase applied
THIS IS SOME UPPERCASE TEXT WITH .lowercase APPLIED
this is some text with .capitalize applied
This div has .text-left applied to it so all text will be aligned to the left
This div has .text-right applied to it so all text will be aligned to the right
This div has .text-center applied to it so all text will be aligned to the center
This div has .text-left-m applied to it so all text will be aligned to the left for medium devices and up
This div has .text-right-m applied to it so all text will be aligned to the right for medium devices and up
This div has .text-center-m applied to it so all text will be aligned to the center for medium devices and up
This div has .text-left-l applied to it so all text will be aligned to the left for large devices and up
This div has .text-right-l applied to it so all text will be aligned to the right for large devices and up
This div has .text-center-l applied to it so all text will be aligned to the center for large devices and up
This div has .text-left-xl applied to it so all text will be aligned to the left for extra large devices and up
This div has .text-right-xl applied to it so all text will be aligned to the right for extra large devices and up
This div has .text-center-xl applied to it so all text will be aligned to the center for extra large devices and up