Pull

The pull classes move an element to the left by setting the right style. The elements are also giving a position of relative.

The following pull sizes are available:

• No pull
• Full pull
• Halfs
• Thirds
• Fourths
• Fifths
• Sixths
• Sevenths
• Eighths
• Nineths
• Tenths

Combined imports

If you will use all of the pull sizes then you can use the combined import file.

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

Imports are available for all media query viewport sizes.

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