/clsmates

CSS classname helpers

Primary LanguageCSSMIT LicenseMIT

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