clsmates

css class helpers

Layout helpers

• .flex

• .flex.center-all

• .flex.items-start

• .flex.items-center

• .flex.items-end

• .flex.cell

• .flex.flex-colomn

• .flex.flex-colomn.top

• .flex.flex-colomn.bottom

• .flex.flex-colomn.space-between

• .flex.flex-colomn.space-around

• .flex.flex-row

• .flex.flex-row.wrap

• .flex.flex-row.top

• .flex.flex-row.bottom

• .flex.flex-row.vertical-center

• .flex.flex-row.baseline

• .flex.flex-row.stretch

• .flex.start

• .flex.end

• .flex.center

• .flex.space-between

• .flex.space-around

• .flex-1 and .flex-2 and .flex-3

• .relative and .absolute

Breakpoints

abbr | value

sm | 576px, md | 768px, lg | 992px, xl | 1200px, xxl | 1400px

Spacers

level | value 1 | 8px 2 | 16px 3 | 24px a | auto