Customize - Flexocss

Build your custom flexo.css

Configure every SCSS variable and download a ready-to-use CSS file compiled with your settings.

Columns Number of grid columns (default 16)

Container max-width Max width of .container and .row

Container max (last bp) Container max-width for the largest breakpoint

Media query max Upper bound for media queries

Breakpoint names Comma-separated names (first is base, no media query)

Media query widths Min-width values for each breakpoint after the first

Gap step Increment in px between gap classes

Gap steps Number of gap steps to generate

Area step Increment in px between area classes

Area steps Number of area steps to generate

Padding step Increment in px between padding classes

Padding steps Number of padding steps to generate

Area padding per breakpoint Comma-separated values mapped to breakpoints

Box padding Default padding for .fl-box

Box-in padding Default padding for .fl-box-in

Order min

Order max

Light

Regular

Bold

Black

Enable transitions

Duration

Easing

Container overflow-x hidden

Z-index range Start and end values, comma-separated

Environment dev enables wireframe mode