Typography styles

The typography styles handle the following:

• Font styles.
• Font weight.
• Text alignment.
• Text transform.
• Word breaks and whitespace.

@import 'cacao-css/dist/typography/combined-import.css';

Imports are available for all media query viewport sizes. You can use the combined import with all viewport sizes.

@import 'cacao-css/dist/typography/3xs/combined-import.css';
@import 'cacao-css/dist/typography/2xs/combined-import.css';
@import 'cacao-css/dist/typography/xs/combined-import.css';
@import 'cacao-css/dist/typography/sm/combined-import.css';
@import 'cacao-css/dist/typography/md/combined-import.css';
@import 'cacao-css/dist/typography/lg/combined-import.css';
@import 'cacao-css/dist/typography/xl/combined-import.css';
@import 'cacao-css/dist/typography/2xl/combined-import.css';
@import 'cacao-css/dist/typography/3xl/combined-import.css';
@import 'cacao-css/dist/typography/4xl/combined-import.css';
@import 'cacao-css/dist/typography/5xl/combined-import.css';