Display styles

The display styles handle the following:

• Aligning flexbox items.
• display style types.
• Flexbox utilities.
• Justify flexbox items.
• Display order.
• Print styles.

@import 'cacao-css/dist/display/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/display/3xs/combined-import.css';
@import 'cacao-css/dist/display/2xs/combined-import.css';
@import 'cacao-css/dist/display/xs/combined-import.css';
@import 'cacao-css/dist/display/sm/combined-import.css';
@import 'cacao-css/dist/display/md/combined-import.css';
@import 'cacao-css/dist/display/lg/combined-import.css';
@import 'cacao-css/dist/display/xl/combined-import.css';
@import 'cacao-css/dist/display/2xl/combined-import.css';
@import 'cacao-css/dist/display/3xl/combined-import.css';
@import 'cacao-css/dist/display/4xl/combined-import.css';
@import 'cacao-css/dist/display/5xl/combined-import.css';