1.0.1 • Published 7 years ago
flex-toolbox v1.0.1
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