📄️ Overview
The typography styles handle the following:
📄️ Font size
The font size classes set the font-size style for an element.
📄️ Font size variables
The font sizes are set using CSS variables. You will need to either import the cacao-css/dist/typography/size-variables.css file into your CSS or set all of the variables with your own CSS.
📄️ Font styles
The font style classes set the font-style style.
📄️ Font weight
The font weight styles set the font-weight style for an element.
📄️ Text alignment
The align classes set the text-align styles.
📄️ Text transform
The text transform classes set the text-transform style for an element.
📄️ Word breaks and whitespace
The typography break styles set how words break and if they can wrap.