treyssatvincent/flex-toolbox

Toolbox to use flexbox with classes

Flex Toolbox

Toolbox to use flexbox with classes

Classes

Items alignments display justify-content align-items

This add display: flex. Use .flex alone if you only want display: flex.

.flex-[$mainaxis][-$crossaxis]

	possible values
$mainaxis	start, end, center, between, evenly, around
$crossaxis	start, end, center, baseline, stretch

Item alignments flex-direction

.dir-$direction[-reverse]

	possible values
$direction	col, row

Item alignment align-self

.item-$alignment

	possible values
$alignment	start, end, center, baseline

Others

.doWrap[-reverse]
.center-items