Flexbox

§ Flex containers

.f-row and .f-col will create non-wrapping Flexbox containers, with flex-direction set to row and column respectively.

.f-switch will create a Flexbox container that will switch from row to column when the width of an individual descendant exceeds the --col-width variable (default 15ch).

All of .f-row, .f-col and .f-switch will remove margins from their children, and have a gap set to --gap.

The following utility classes are meant to be applied to flex containers:

§ justify-content

§ align-items

§ Flex children

The following utility classes can be used on flex children:

§ align-self

§ flex-grow

Last updated