KSS Style Guide

6.1 #Flex - Align Items Align Items

Classes for setting the align-items property on an element. Can also be used with css grid.

Source: dist/minimal/minimal.css, line 3332

6.1.1 #Flex - Align Items - ctr .ai-ctr

Sets align-items to center.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.ai-ctr

Sets align-items to center

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3356

6.1.2 #Flex - Align Items - end .ai-end

Sets align-items to flex-end.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.ai-end

Sets align-items to flex-end

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3390

6.1.3 #Flex - Align Items - stc .ai-stc

Sets align-items to stretch.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.ai-stc

Sets align-items to stretch

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3339

6.1.4 #Flex - Align Items - str .ai-str

Sets align-items to flex-start.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.ai-str

Sets align-items to flex-start

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3373

6.2 #Flex - Align Self Align Self

Classes for setting the align-self property on an element. Can also be used with css grid.

Source: dist/minimal/minimal.css, line 3533

6.2.1 #Flex - Align Self - ctr .as-ctr

Sets align-self to center.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.as-ctr

Sets align-self to center

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3557

6.2.2 #Flex - Align Self - end .as-end

Sets align-self to flex-end.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.as-end

Sets align-self to flex-end

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3591

6.2.3 #Flex - Align Self - sse .as-sse

Sets align-self to self-end.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.as-sse

Sets align-self to self-end

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3625

6.2.4 #Flex - Align Self - sst .as-sst

Sets align-self to self-start.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.as-sst

Sets align-self to self-start

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3608

6.2.5 #Flex - Align Self - stc .as-stc

Sets align-self to stretch.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.as-stc

Sets align-self to stretch

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3540

6.2.6 #Flex - Align Self - str .as-str

Sets align-self to flex-start.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.as-str

Sets align-self to flex-start

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3574

6.3 #Flex - Basis Flex Basis

Classes for setting the flex-basis property on an element.

Source: dist/minimal/minimal.css, line 3062

6.3.1 #Flex - Basis - auto .flb-auto

Sets flex-basis to auto.

Examples

Default styling

A div

B div

C div

.flb-auto

Sets flex-basis to auto

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3069

6.3.2 #Flex - Basis - content .flb-content

Sets flex-basis to content.

Examples

Default styling

A div

B div

C div

.flb-content

Sets flex-basis to content

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3149

6.3.3 #Flex - Basis - fill .flb-fill

Sets flex-basis to fill.

Examples

Default styling

A div

B div

C div

.flb-fill

Sets flex-basis to fill

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3085

6.3.4 #Flex - Basis - fit-content .flb-fit-content

Sets flex-basis to fit-content.

Examples

Default styling

A div

B div

C div

.flb-fit-content

Sets flex-basis to fit-content

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3133

6.3.5 #Flex - Basis - max-content .flb-max-content

Sets flex-basis to max-content.

Examples

Default styling

A div

B div

C div

.flb-max-content

Sets flex-basis to max-content

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3101

6.3.6 #Flex - Basis - min-content .flb-min-content

Sets flex-basis to min-content.

Examples

Default styling

A div

B div

C div

.flb-min-content

Sets flex-basis to min-content

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3117

6.3.7 #Flex - Basis - p0 .flb-p0

Sets flex-basis to 0%.

Examples

Default styling

A div

B div

C div

.flb-p0

Sets flex-basis to 0%

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3181

6.3.8 #Flex - Basis - p100 .flb-p100

Sets flex-basis to 100%.

Examples

Default styling

A div

B div

C div

.flb-p100

Sets flex-basis to 100%

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3245

6.3.9 #Flex - Basis - p25 .flb-p25

Sets flex-basis to 25%.

Examples

Default styling

A div

B div

C div

.flb-p25

Sets flex-basis to 25%

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3197

6.3.10 #Flex - Basis - p50 .flb-p50

Sets flex-basis to 50%.

Examples

Default styling

A div

B div

C div

.flb-p50

Sets flex-basis to 50%

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3213

6.3.11 #Flex - Basis - p75 .flb-p75

Sets flex-basis to 75%.

Examples

Default styling

A div

B div

C div

.flb-p75

Sets flex-basis to 75%

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3229

6.3.12 #Flex - Basis - unset .flb-unset

Sets flex-basis to unset.

Examples

Default styling

A div

B div

C div

.flb-unset

Sets flex-basis to unset

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1 [modifier class]">B div</div><div class="fls-1-1 [modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3165

6.4 #Flex - Direction Flex Direction

Classes for turning on flex and setting the flex direction of an element.

Source: dist/minimal/minimal.css, line 2036

6.4.1 #Flex - Direction - col .fld-col

Sets display: flex and sets flex-direction of an element to column.

Examples

Default styling

A div

B div

.fld-col

Sets flex-direction to column

A div

B div

Markup

<div class="[modifier class]"><div>A div</div><div>B div</div></div>

Source: dist/minimal/minimal.css, line 2060

6.4.2 #Flex - Direction - colr .fld-colr

Sets display: flex and sets flex-direction of an element to column-reverse.

Examples

Default styling

A div

B div

.fld-colr

Sets flex-direction to column-reverse

A div

B div

Markup

<div class="[modifier class]"><div>A div</div><div>B div</div></div>

Source: dist/minimal/minimal.css, line 2094

6.4.3 #Flex - Direction - row .fld-row

Sets display: flex and sets flex-direction of an element to row.

Examples

Default styling

A div

B div

.fld-row

Sets flex-direction to row

A div

B div

Markup

<div class="[modifier class]"><div>A div</div><div>B div</div></div>

Source: dist/minimal/minimal.css, line 2043

6.4.4 #Flex - Direction - rowr .fld-rowr

Sets display: flex and sets flex-direction of an element to row-reverse.

Examples

Default styling

A div

B div

.fld-rowr

Sets flex-direction to row-reverse

A div

B div

Markup

<div class="[modifier class]"><div>A div</div><div>B div</div></div>

Source: dist/minimal/minimal.css, line 2077

6.5 #Flex - Gaps Flex Gaps

Classes for creating gaps between flex children based on margin sizes.

Source: dist/minimal/minimal.css, line 2111

6.5.1 #Flex - Gaps - col .flg-0

Sets the margin of all children except last to margin var for 0.

Examples

Default styling

A div

B div

C div

.flg-0

Sets gaps to margin var for 0

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2134

6.5.1 #Flex - Gaps - col .flg-1

Sets the margin of all children except last to margin var for 1.

Examples

Default styling

A div

B div

C div

.flg-1

Sets gaps to margin var for 1

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2198

6.5.1 #Flex - Gaps - col .flg-2

Sets the margin of all children except last to margin var for 2.

Examples

Default styling

A div

B div

C div

.flg-2

Sets gaps to margin var for 2

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2262

6.5.1 #Flex - Gaps - col .flg-3

Sets the margin of all children except last to margin var for 3.

Examples

Default styling

A div

B div

C div

.flg-3

Sets gaps to margin var for 3

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2326

6.5.1 #Flex - Gaps - col .flg-4

Sets the margin of all children except last to margin var for 4.

Examples

Default styling

A div

B div

C div

.flg-4

Sets gaps to margin var for 4

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2390

6.5.1 #Flex - Gaps - col .flg-5

Sets the margin of all children except last to margin var for 5.

Examples

Default styling

A div

B div

C div

.flg-5

Sets gaps to margin var for 5

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2454

6.5.1 #Flex - Gaps - col .flg-6

Sets the margin of all children except last to margin var for 6.

Examples

Default styling

A div

B div

C div

.flg-6

Sets gaps to margin var for 6

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2518

6.5.1 #Flex - Gaps - col .flg-7

Sets the margin of all children except last to margin var for 7.

Examples

Default styling

A div

B div

C div

.flg-7

Sets gaps to margin var for 7

A div

B div

C div

Markup

<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2582

6.5.2 #Flex - Gaps - colr .flg-0

Sets the margin of all children except last to margin var for 0.

Examples

Default styling

A div

B div

C div

.flg-0

Sets gaps to margin var for 0

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2166

6.5.2 #Flex - Gaps - colr .flg-1

Sets the margin of all children except last to margin var for 1.

Examples

Default styling

A div

B div

C div

.flg-1

Sets gaps to margin var for 1

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2230

6.5.2 #Flex - Gaps - colr .flg-2

Sets the margin of all children except last to margin var for 2.

Examples

Default styling

A div

B div

C div

.flg-2

Sets gaps to margin var for 2

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2294

6.5.2 #Flex - Gaps - colr .flg-3

Sets the margin of all children except last to margin var for 3.

Examples

Default styling

A div

B div

C div

.flg-3

Sets gaps to margin var for 3

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2358

6.5.2 #Flex - Gaps - colr .flg-4

Sets the margin of all children except last to margin var for 4.

Examples

Default styling

A div

B div

C div

.flg-4

Sets gaps to margin var for 4

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2422

6.5.2 #Flex - Gaps - colr .flg-5

Sets the margin of all children except last to margin var for 5.

Examples

Default styling

A div

B div

C div

.flg-5

Sets gaps to margin var for 5

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2486

6.5.2 #Flex - Gaps - colr .flg-6

Sets the margin of all children except last to margin var for 6.

Examples

Default styling

A div

B div

C div

.flg-6

Sets gaps to margin var for 6

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2550

6.5.2 #Flex - Gaps - colr .flg-7

Sets the margin of all children except last to margin var for 7.

Examples

Default styling

A div

B div

C div

.flg-7

Sets gaps to margin var for 7

A div

B div

C div

Markup

<div class="fld-colr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2614

6.5.3 #Flex - Gaps - row .flg-0

Sets the margin of all children except last to margin var for 0.

Examples

Default styling

A div

B div

C div

.flg-0

Sets gaps to margin var for 0

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2118

6.5.3 #Flex - Gaps - row .flg-1

Sets the margin of all children except last to margin var for 1.

Examples

Default styling

A div

B div

C div

.flg-1

Sets gaps to margin var for 1

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2182

6.5.3 #Flex - Gaps - row .flg-2

Sets the margin of all children except last to margin var for 2.

Examples

Default styling

A div

B div

C div

.flg-2

Sets gaps to margin var for 2

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2246

6.5.3 #Flex - Gaps - row .flg-3

Sets the margin of all children except last to margin var for 3.

Examples

Default styling

A div

B div

C div

.flg-3

Sets gaps to margin var for 3

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2310

6.5.3 #Flex - Gaps - row .flg-4

Sets the margin of all children except last to margin var for 4.

Examples

Default styling

A div

B div

C div

.flg-4

Sets gaps to margin var for 4

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2374

6.5.3 #Flex - Gaps - row .flg-5

Sets the margin of all children except last to margin var for 5.

Examples

Default styling

A div

B div

C div

.flg-5

Sets gaps to margin var for 5

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2438

6.5.3 #Flex - Gaps - row .flg-6

Sets the margin of all children except last to margin var for 6.

Examples

Default styling

A div

B div

C div

.flg-6

Sets gaps to margin var for 6

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2502

6.5.3 #Flex - Gaps - row .flg-7

Sets the margin of all children except last to margin var for 7.

Examples

Default styling

A div

B div

C div

.flg-7

Sets gaps to margin var for 7

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2566

6.5.4 #Flex - Gaps - rowr .flg-0

Sets the margin of all children except last to margin var for 0.

Examples

Default styling

A div

B div

C div

.flg-0

Sets gaps to margin var for 0

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2150

6.5.4 #Flex - Gaps - rowr .flg-1

Sets the margin of all children except last to margin var for 1.

Examples

Default styling

A div

B div

C div

.flg-1

Sets gaps to margin var for 1

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2214

6.5.4 #Flex - Gaps - rowr .flg-2

Sets the margin of all children except last to margin var for 2.

Examples

Default styling

A div

B div

C div

.flg-2

Sets gaps to margin var for 2

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2278

6.5.4 #Flex - Gaps - rowr .flg-3

Sets the margin of all children except last to margin var for 3.

Examples

Default styling

A div

B div

C div

.flg-3

Sets gaps to margin var for 3

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2342

6.5.4 #Flex - Gaps - rowr .flg-4

Sets the margin of all children except last to margin var for 4.

Examples

Default styling

A div

B div

C div

.flg-4

Sets gaps to margin var for 4

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2406

6.5.4 #Flex - Gaps - rowr .flg-5

Sets the margin of all children except last to margin var for 5.

Examples

Default styling

A div

B div

C div

.flg-5

Sets gaps to margin var for 5

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2470

6.5.4 #Flex - Gaps - rowr .flg-6

Sets the margin of all children except last to margin var for 6.

Examples

Default styling

A div

B div

C div

.flg-6

Sets gaps to margin var for 6

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2534

6.5.4 #Flex - Gaps - rowr .flg-7

Sets the margin of all children except last to margin var for 7.

Examples

Default styling

A div

B div

C div

.flg-7

Sets gaps to margin var for 7

A div

B div

C div

Markup

<div class="fld-rowr [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 2598

6.6 #Flex - Justify Content Justify Content

Classes for setting the justify-content property on an element. Can also be used with css grid.

Source: dist/minimal/minimal.css, line 3407

6.6.1 #Flex - Justify Content - ctr .jc-ctr

Sets justify-content to center.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.jc-ctr

Sets justify-content to center

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3414

6.6.2 #Flex - Justify Content - end .jc-end

Sets justify-content to flex-end.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.jc-end

Sets justify-content to flex-end

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3448

6.6.3 #Flex - Justify Content - spa .jc-spa

Sets justify-content to space-around.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.jc-spa

Sets justify-content to space-around

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3482

6.6.4 #Flex - Justify Content - spb .jc-spb

Sets justify-content to space-between.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.jc-spb

Sets justify-content to space-between

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3465

6.6.5 #Flex - Justify Content - spe .jc-spe

Sets justify-content to space-evenly.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.jc-spe

Sets justify-content to space-evenly

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3499

6.6.6 #Flex - Justify Content - stc .jc-stc

Sets justify-content to stretch.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.jc-stc

Sets justify-content to stretch

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3516

6.6.7 #Flex - Justify Content - str .jc-str

Sets justify-content to flex-start.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.jc-str

Sets justify-content to flex-start

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3431

6.7 #Flex - Justify Self Justify Self

Classes for setting the justify-self property on an element. Can also be used with css grid.

Source: dist/minimal/minimal.css, line 3642

6.7.1 #Flex - Justify Self - ctr .js-ctr

Sets justify-self to center.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.js-ctr

Sets justify-self to center

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3666

6.7.2 #Flex - Justify Self - end .js-end

Sets justify-self to flex-end.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.js-end

Sets justify-self to flex-end

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3700

6.7.3 #Flex - Justify Self - sse .js-sse

Sets justify-self to self-end.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.js-sse

Sets justify-self to self-end

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3734

6.7.4 #Flex - Justify Self - sst .js-sst

Sets justify-self to self-start.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.js-sst

Sets justify-self to self-start

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3717

6.7.5 #Flex - Justify Self - stc .js-stc

Sets justify-self to stretch.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.js-stc

Sets justify-self to stretch

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3649

6.7.6 #Flex - Justify Self - str .js-str

Sets justify-self to flex-start.

Examples

Default styling

A div

B div

C div

A div

B div

C div

.js-str

Sets justify-self to flex-start

A div

B div

C div

A div

B div

C div

Markup

<div class="fld-row"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>
<div class="fld-col"><div class="fls-1-1 [modifier class]">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3683

6.8 #Flex - Size Flex Size

Classes for setting flex-grow and flex-shrink properties on an element.

Source: dist/minimal/minimal.css, line 2630

6.8.1 #Flex - Size - 0:0 .fls-0-0

Sets flex-grow to 0 and flex-shrink to 0.

Examples

Default styling

A div

B div

C div

.fls-0-0

Sets flex-grow to 0 and flex-shrink to 0

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2637

6.8.2 #Flex - Size - 0:1 .fls-0-1

Sets flex-grow to 0 and flex-shrink to 1.

Examples

Default styling

A div

B div

C div

.fls-0-1

Sets flex-grow to 0 and flex-shrink to 1

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2654

6.8.3 #Flex - Size - 0:2 .fls-0-2

Sets flex-grow to 0 and flex-shrink to 2.

Examples

Default styling

A div

B div

C div

.fls-0-2

Sets flex-grow to 0 and flex-shrink to 2

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2671

6.8.4 #Flex - Size - 0:3 .fls-0-3

Sets flex-grow to 0 and flex-shrink to 3.

Examples

Default styling

A div

B div

C div

.fls-0-3

Sets flex-grow to 0 and flex-shrink to 3

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2688

6.8.5 #Flex - Size - 0:4 .fls-0-4

Sets flex-grow to 0 and flex-shrink to 4.

Examples

Default styling

A div

B div

C div

.fls-0-4

Sets flex-grow to 0 and flex-shrink to 4

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2705

6.8.6 #Flex - Size - 1:0 .fls-1-0

Sets flex-grow to 1 and flex-shrink to 0.

Examples

Default styling

A div

B div

C div

.fls-1-0

Sets flex-grow to 1 and flex-shrink to 0

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2722

6.8.7 #Flex - Size - 1:1 .fls-1-1

Sets flex-grow to 1 and flex-shrink to 1.

Examples

Default styling

A div

B div

C div

.fls-1-1

Sets flex-grow to 1 and flex-shrink to 1

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2739

6.8.8 #Flex - Size - 1:2 .fls-1-2

Sets flex-grow to 1 and flex-shrink to 2.

Examples

Default styling

A div

B div

C div

.fls-1-2

Sets flex-grow to 1 and flex-shrink to 2

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2756

6.8.9 #Flex - Size - 1:3 .fls-1-3

Sets flex-grow to 1 and flex-shrink to 3.

Examples

Default styling

A div

B div

C div

.fls-1-3

Sets flex-grow to 1 and flex-shrink to 3

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2773

6.8.10 #Flex - Size - 1:4 .fls-1-4

Sets flex-grow to 1 and flex-shrink to 4.

Examples

Default styling

A div

B div

C div

.fls-1-4

Sets flex-grow to 1 and flex-shrink to 4

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2790

6.8.11 #Flex - Size - 2:0 .fls-2-0

Sets flex-grow to 2 and flex-shrink to 0.

Examples

Default styling

A div

B div

C div

.fls-2-0

Sets flex-grow to 2 and flex-shrink to 0

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2807

6.8.12 #Flex - Size - 2:1 .fls-2-1

Sets flex-grow to 2 and flex-shrink to 1.

Examples

Default styling

A div

B div

C div

.fls-2-1

Sets flex-grow to 2 and flex-shrink to 1

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2824

6.8.13 #Flex - Size - 2:2 .fls-2-2

Sets flex-grow to 2 and flex-shrink to 2.

Examples

Default styling

A div

B div

C div

.fls-2-2

Sets flex-grow to 2 and flex-shrink to 2

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2841

6.8.14 #Flex - Size - 2:3 .fls-2-3

Sets flex-grow to 2 and flex-shrink to 3.

Examples

Default styling

A div

B div

C div

.fls-2-3

Sets flex-grow to 2 and flex-shrink to 3

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2858

6.8.15 #Flex - Size - 2:4 .fls-2-4

Sets flex-grow to 2 and flex-shrink to 4.

Examples

Default styling

A div

B div

C div

.fls-2-4

Sets flex-grow to 2 and flex-shrink to 4

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2875

6.8.16 #Flex - Size - 3:0 .fls-3-0

Sets flex-grow to 3 and flex-shrink to 0.

Examples

Default styling

A div

B div

C div

.fls-3-0

Sets flex-grow to 3 and flex-shrink to 0

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2892

6.8.17 #Flex - Size - 3:1 .fls-3-1

Sets flex-grow to 3 and flex-shrink to 1.

Examples

Default styling

A div

B div

C div

.fls-3-1

Sets flex-grow to 3 and flex-shrink to 1

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2909

6.8.18 #Flex - Size - 3:2 .fls-3-2

Sets flex-grow to 3 and flex-shrink to 2.

Examples

Default styling

A div

B div

C div

.fls-3-2

Sets flex-grow to 3 and flex-shrink to 2

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2926

6.8.19 #Flex - Size - 3:3 .fls-3-3

Sets flex-grow to 3 and flex-shrink to 3.

Examples

Default styling

A div

B div

C div

.fls-3-3

Sets flex-grow to 3 and flex-shrink to 3

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2943

6.8.20 #Flex - Size - 3:4 .fls-3-4

Sets flex-grow to 3 and flex-shrink to 4.

Examples

Default styling

A div

B div

C div

.fls-3-4

Sets flex-grow to 3 and flex-shrink to 4

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2960

6.8.21 #Flex - Size - 4:0 .fls-4-0

Sets flex-grow to 4 and flex-shrink to 0.

Examples

Default styling

A div

B div

C div

.fls-4-0

Sets flex-grow to 4 and flex-shrink to 0

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2977

6.8.22 #Flex - Size - 4:1 .fls-4-1

Sets flex-grow to 4 and flex-shrink to 1.

Examples

Default styling

A div

B div

C div

.fls-4-1

Sets flex-grow to 4 and flex-shrink to 1

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 2994

6.8.23 #Flex - Size - 4:2 .fls-4-2

Sets flex-grow to 4 and flex-shrink to 2.

Examples

Default styling

A div

B div

C div

.fls-4-2

Sets flex-grow to 4 and flex-shrink to 2

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3011

6.8.24 #Flex - Size - 4:3 .fls-4-3

Sets flex-grow to 4 and flex-shrink to 3.

Examples

Default styling

A div

B div

C div

.fls-4-3

Sets flex-grow to 4 and flex-shrink to 3

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3028

6.8.25 #Flex - Size - 4:4 .fls-4-4

Sets flex-grow to 4 and flex-shrink to 4.

Examples

Default styling

A div

B div

C div

.fls-4-4

Sets flex-grow to 4 and flex-shrink to 4

A div

B div

C div

Markup

<div class="fld-row"><div class="[modifier class]">A div</div><div class="[modifier class]">B div</div><div class="[modifier class]">C div</div></div>

Source: dist/minimal/minimal.css, line 3045

6.9 #Flex - Wrap Flex Wrap

Classes for setting the flex-wrap property on an element. Use of this with flex gaps is not recommended.

Source: dist/minimal/minimal.css, line 3261

6.9.1 #Flex - Wrap - nowrap .flw-nowrap

Sets flex-wrap to nowrap.

Examples

Default styling

A div

B div

C div

.flw-nowrap

Sets flex-wrap to nowrap

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3268

6.9.2 #Flex - Wrap - unset .flw-unset

Sets flex-wrap to unset.

Examples

Default styling

A div

B div

C div

.flw-unset

Sets flex-wrap to unset

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3316

6.9.3 #Flex - Wrap - wrap .flw-wrap

Sets flex-wrap to wrap.

Examples

Default styling

A div

B div

C div

.flw-wrap

Sets flex-wrap to wrap

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3284

6.9.4 #Flex - Wrap - wrap-reverse .flw-wrap-reverse

Sets flex-wrap to wrap-reverse.

Examples

Default styling

A div

B div

C div

.flw-wrap-reverse

Sets flex-wrap to wrap-reverse

A div

B div

C div

Markup

<div class="fld-row [modifier class]"><div class="fls-1-1">A div</div><div class="fls-1-1">B div</div><div class="fls-1-1">C div</div></div>

Source: dist/minimal/minimal.css, line 3300