6 #Flex Flex
Classes for setting the flex properties of an element.
Source:
dist/full/full.css, line 2326
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/full/full.css, line 3629
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/full/full.css, line 3653
6.1.1.1 #Flex - Align Items - ctr - lg .ai-lg-ctr
Sets align-items to center on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-lg-ctr
Sets align-items to center on lg
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/full/full.css, line 9497
6.1.1.2 #Flex - Align Items - ctr - md .ai-md-ctr
Sets align-items to center on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-md-ctr
Sets align-items to center on md
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/full/full.css, line 7556
6.1.1.3 #Flex - Align Items - ctr - sm .ai-sm-ctr
Sets align-items to center on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-sm-ctr
Sets align-items to center on sm
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/full/full.css, line 5615
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/full/full.css, line 3687
6.1.2.1 #Flex - Align Items - end - lg .ai-lg-end
Sets align-items to flex-end on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-lg-end
Sets align-items to flex-end on lg
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/full/full.css, line 9531
6.1.2.2 #Flex - Align Items - end - md .ai-md-end
Sets align-items to flex-end on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-md-end
Sets align-items to flex-end on md
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/full/full.css, line 7590
6.1.2.3 #Flex - Align Items - end - sm .ai-sm-end
Sets align-items to flex-end on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-sm-end
Sets align-items to flex-end on sm
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/full/full.css, line 5649
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/full/full.css, line 3636
6.1.3.1 #Flex - Align Items - stc - lg .ai-lg-stc
Sets align-items to stretch on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-lg-stc
Sets align-items to stretch on lg
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/full/full.css, line 9480
6.1.3.2 #Flex - Align Items - stc - md .ai-md-stc
Sets align-items to stretch on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-md-stc
Sets align-items to stretch on md
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/full/full.css, line 7539
6.1.3.3 #Flex - Align Items - stc - sm .ai-sm-stc
Sets align-items to stretch on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-sm-stc
Sets align-items to stretch on sm
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/full/full.css, line 5598
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/full/full.css, line 3670
6.1.4.1 #Flex - Align Items - str - lg .ai-lg-str
Sets align-items to flex-start on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-lg-str
Sets align-items to flex-start on lg
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/full/full.css, line 9514
6.1.4.2 #Flex - Align Items - str - md .ai-md-str
Sets align-items to flex-start on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-md-str
Sets align-items to flex-start on md
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/full/full.css, line 7573
6.1.4.3 #Flex - Align Items - str - sm .ai-sm-str
Sets align-items to flex-start on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.ai-sm-str
Sets align-items to flex-start on sm
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/full/full.css, line 5632
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/full/full.css, line 3830
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/full/full.css, line 3854
6.2.1.1 #Flex - Align Self - ctr - lg .as-lg-ctr
Sets align-self to center on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-lg-ctr
Sets align-self to center on lg
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/full/full.css, line 9684
6.2.1.2 #Flex - Align Self - ctr - md .as-md-ctr
Sets align-self to center on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-md-ctr
Sets align-self to center on md
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/full/full.css, line 7743
6.2.1.3 #Flex - Align Self - ctr - sm .as-sm-ctr
Sets align-self to center on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-sm-ctr
Sets align-self to center on sm
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/full/full.css, line 5802
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/full/full.css, line 3888
6.2.2.1 #Flex - Align Self - end - lg .as-lg-end
Sets align-self to flex-end on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-lg-end
Sets align-self to flex-end on lg
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/full/full.css, line 9718
6.2.2.2 #Flex - Align Self - end - md .as-md-end
Sets align-self to flex-end on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-md-end
Sets align-self to flex-end on md
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/full/full.css, line 7777
6.2.2.3 #Flex - Align Self - end - sm .as-sm-end
Sets align-self to flex-end on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-sm-end
Sets align-self to flex-end on sm
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/full/full.css, line 5836
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/full/full.css, line 3922
6.2.3.1 #Flex - Align Self - sse - lg .as-lg-sse
Sets align-self to self-end on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-lg-sse
Sets align-self to self-end on lg
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/full/full.css, line 9752
6.2.3.2 #Flex - Align Self - sse - md .as-md-sse
Sets align-self to self-end on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-md-sse
Sets align-self to self-end on md
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/full/full.css, line 7811
6.2.3.3 #Flex - Align Self - sse - sm .as-sm-sse
Sets align-self to self-end on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-sm-sse
Sets align-self to self-end on sm
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/full/full.css, line 5870
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/full/full.css, line 3905
6.2.4.1 #Flex - Align Self - sst - lg .as-lg-sst
Sets align-self to self-start on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-lg-sst
Sets align-self to self-start on lg
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/full/full.css, line 9735
6.2.4.2 #Flex - Align Self - sst - md .as-md-sst
Sets align-self to self-start on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-md-sst
Sets align-self to self-start on md
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/full/full.css, line 7794
6.2.4.3 #Flex - Align Self - sst - sm .as-sm-sst
Sets align-self to self-start on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-sm-sst
Sets align-self to self-start on sm
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/full/full.css, line 5853
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/full/full.css, line 3837
6.2.5.1 #Flex - Align Self - stc - lg .as-lg-stc
Sets align-self to stretch on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-lg-stc
Sets align-self to stretch on lg
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/full/full.css, line 9667
6.2.5.2 #Flex - Align Self - stc - md .as-md-stc
Sets align-self to stretch on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-md-stc
Sets align-self to stretch on md
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/full/full.css, line 7726
6.2.5.3 #Flex - Align Self - stc - sm .as-sm-stc
Sets align-self to stretch on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-sm-stc
Sets align-self to stretch on sm
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/full/full.css, line 5785
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/full/full.css, line 3871
6.2.6.1 #Flex - Align Self - str - lg .as-lg-str
Sets align-self to flex-start on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-lg-str
Sets align-self to flex-start on lg
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/full/full.css, line 9701
6.2.6.2 #Flex - Align Self - str - md .as-md-str
Sets align-self to flex-start on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-md-str
Sets align-self to flex-start on md
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/full/full.css, line 7760
6.2.6.3 #Flex - Align Self - str - sm .as-sm-str
Sets align-self to flex-start on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.as-sm-str
Sets align-self to flex-start on sm
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/full/full.css, line 5819
6.3 #Flex - Basis Flex Basis
Classes for setting the flex-basis property on an element.
Source:
dist/full/full.css, line 3359
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/full/full.css, line 3366
6.3.1.1 #Flex - Basis - auto - lg .flb-lg-auto
Sets flex-basis to auto on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-auto
Sets flex-basis to auto on lg
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/full/full.css, line 9288
6.3.1.2 #Flex - Basis - auto - md .flb-md-auto
Sets flex-basis to auto on md.
Examples
Default styling
A div
B div
C div
.flb-md-auto
Sets flex-basis to auto on md
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/full/full.css, line 7347
6.3.1.3 #Flex - Basis - auto - sm .flb-sm-auto
Sets flex-basis to auto on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-auto
Sets flex-basis to auto on sm
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/full/full.css, line 5406
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/full/full.css, line 3446
6.3.2.1 #Flex - Basis - content - lg .flb-lg-content
Sets flex-basis to content on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-content
Sets flex-basis to content on lg
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/full/full.css, line 9368
6.3.2.2 #Flex - Basis - content - md .flb-md-content
Sets flex-basis to content on md.
Examples
Default styling
A div
B div
C div
.flb-md-content
Sets flex-basis to content on md
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/full/full.css, line 7427
6.3.2.3 #Flex - Basis - content - sm .flb-sm-content
Sets flex-basis to content on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-content
Sets flex-basis to content on sm
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/full/full.css, line 5486
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/full/full.css, line 3382
6.3.3.1 #Flex - Basis - fill - lg .flb-lg-fill
Sets flex-basis to fill on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-fill
Sets flex-basis to fill on lg
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/full/full.css, line 9304
6.3.3.2 #Flex - Basis - fill - md .flb-md-fill
Sets flex-basis to fill on md.
Examples
Default styling
A div
B div
C div
.flb-md-fill
Sets flex-basis to fill on md
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/full/full.css, line 7363
6.3.3.3 #Flex - Basis - fill - sm .flb-sm-fill
Sets flex-basis to fill on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-fill
Sets flex-basis to fill on sm
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/full/full.css, line 5422
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/full/full.css, line 3430
6.3.4.1 #Flex - Basis - fit-content - lg .flb-lg-fit-content
Sets flex-basis to fit-content on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-fit-content
Sets flex-basis to fit-content on lg
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/full/full.css, line 9352
6.3.4.2 #Flex - Basis - fit-content - md .flb-md-fit-content
Sets flex-basis to fit-content on md.
Examples
Default styling
A div
B div
C div
.flb-md-fit-content
Sets flex-basis to fit-content on md
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/full/full.css, line 7411
6.3.4.3 #Flex - Basis - fit-content - sm .flb-sm-fit-content
Sets flex-basis to fit-content on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-fit-content
Sets flex-basis to fit-content on sm
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/full/full.css, line 5470
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/full/full.css, line 3398
6.3.5.1 #Flex - Basis - max-content - lg .flb-lg-max-content
Sets flex-basis to max-content on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-max-content
Sets flex-basis to max-content on lg
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/full/full.css, line 9320
6.3.5.2 #Flex - Basis - max-content - md .flb-md-max-content
Sets flex-basis to max-content on md.
Examples
Default styling
A div
B div
C div
.flb-md-max-content
Sets flex-basis to max-content on md
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/full/full.css, line 7379
6.3.5.3 #Flex - Basis - max-content - sm .flb-sm-max-content
Sets flex-basis to max-content on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-max-content
Sets flex-basis to max-content on sm
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/full/full.css, line 5438
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/full/full.css, line 3414
6.3.6.1 #Flex - Basis - min-content - lg .flb-lg-min-content
Sets flex-basis to min-content on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-min-content
Sets flex-basis to min-content on lg
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/full/full.css, line 9336
6.3.6.2 #Flex - Basis - min-content - md .flb-md-min-content
Sets flex-basis to min-content on md.
Examples
Default styling
A div
B div
C div
.flb-md-min-content
Sets flex-basis to min-content on md
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/full/full.css, line 7395
6.3.6.3 #Flex - Basis - min-content - sm .flb-sm-min-content
Sets flex-basis to min-content on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-min-content
Sets flex-basis to min-content on sm
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/full/full.css, line 5454
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/full/full.css, line 3478
6.3.7.1 #Flex - Basis - p0 - lg .flb-lg-p0
Sets flex-basis to 0% on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-p0
Sets flex-basis to 0% on lg
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/full/full.css, line 9400
6.3.7.2 #Flex - Basis - p0 - md .flb-md-p0
Sets flex-basis to 0% on md.
Examples
Default styling
A div
B div
C div
.flb-md-p0
Sets flex-basis to 0% on md
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/full/full.css, line 7459
6.3.7.3 #Flex - Basis - p0 - sm .flb-sm-p0
Sets flex-basis to 0% on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-p0
Sets flex-basis to 0% on sm
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/full/full.css, line 5518
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/full/full.css, line 3542
6.3.8.1 #Flex - Basis - p100 - lg .flb-lg-p100
Sets flex-basis to 100% on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-p100
Sets flex-basis to 100% on lg
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/full/full.css, line 9464
6.3.8.2 #Flex - Basis - p100 - md .flb-md-p100
Sets flex-basis to 100% on md.
Examples
Default styling
A div
B div
C div
.flb-md-p100
Sets flex-basis to 100% on md
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/full/full.css, line 7523
6.3.8.3 #Flex - Basis - p100 - sm .flb-sm-p100
Sets flex-basis to 100% on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-p100
Sets flex-basis to 100% on sm
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/full/full.css, line 5582
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/full/full.css, line 3494
6.3.9.1 #Flex - Basis - p25 - lg .flb-lg-p25
Sets flex-basis to 25% on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-p25
Sets flex-basis to 25% on lg
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/full/full.css, line 9416
6.3.9.2 #Flex - Basis - p25 - md .flb-md-p25
Sets flex-basis to 25% on md.
Examples
Default styling
A div
B div
C div
.flb-md-p25
Sets flex-basis to 25% on md
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/full/full.css, line 7475
6.3.9.3 #Flex - Basis - p25 - sm .flb-sm-p25
Sets flex-basis to 25% on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-p25
Sets flex-basis to 25% on sm
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/full/full.css, line 5534
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/full/full.css, line 3510
6.3.10.1 #Flex - Basis - p50 - lg .flb-lg-p50
Sets flex-basis to 50% on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-p50
Sets flex-basis to 50% on lg
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/full/full.css, line 9432
6.3.10.2 #Flex - Basis - p50 - md .flb-md-p50
Sets flex-basis to 50% on md.
Examples
Default styling
A div
B div
C div
.flb-md-p50
Sets flex-basis to 50% on md
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/full/full.css, line 7491
6.3.10.3 #Flex - Basis - p50 - sm .flb-sm-p50
Sets flex-basis to 50% on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-p50
Sets flex-basis to 50% on sm
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/full/full.css, line 5550
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/full/full.css, line 3526
6.3.11.1 #Flex - Basis - p75 - lg .flb-lg-p75
Sets flex-basis to 75% on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-p75
Sets flex-basis to 75% on lg
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/full/full.css, line 9448
6.3.11.2 #Flex - Basis - p75 - md .flb-md-p75
Sets flex-basis to 75% on md.
Examples
Default styling
A div
B div
C div
.flb-md-p75
Sets flex-basis to 75% on md
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/full/full.css, line 7507
6.3.11.3 #Flex - Basis - p75 - sm .flb-sm-p75
Sets flex-basis to 75% on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-p75
Sets flex-basis to 75% on sm
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/full/full.css, line 5566
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/full/full.css, line 3462
6.3.12.1 #Flex - Basis - unset - lg .flb-lg-unset
Sets flex-basis to unset on lg.
Examples
Default styling
A div
B div
C div
.flb-lg-unset
Sets flex-basis to unset on lg
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/full/full.css, line 9384
6.3.12.2 #Flex - Basis - unset - md .flb-md-unset
Sets flex-basis to unset on md.
Examples
Default styling
A div
B div
C div
.flb-md-unset
Sets flex-basis to unset on md
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/full/full.css, line 7443
6.3.12.3 #Flex - Basis - unset - sm .flb-sm-unset
Sets flex-basis to unset on sm.
Examples
Default styling
A div
B div
C div
.flb-sm-unset
Sets flex-basis to unset on sm
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/full/full.css, line 5502
6.4 #Flex - Direction Flex Direction
Classes for turning on flex and setting the flex direction of an element.
Source:
dist/full/full.css, line 2333
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/full/full.css, line 2357
6.4.1.1 #Flex - Direction - col - lg .fld-lg-col
Sets display: flex and sets flex-direction of an element to column on lg.
Examples
Default styling
A div
B div
.fld-lg-col
Sets flex-direction to column on lg
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 7948
6.4.1.2 #Flex - Direction - col - md .fld-md-col
Sets display: flex and sets flex-direction of an element to column on md.
Examples
Default styling
A div
B div
.fld-md-col
Sets flex-direction to column on md
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 6007
6.4.1.3 #Flex - Direction - col - sm .fld-sm-col
Sets display: flex and sets flex-direction of an element to column on sm.
Examples
Default styling
A div
B div
.fld-sm-col
Sets flex-direction to column on sm
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 4066
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/full/full.css, line 2391
6.4.2.1 #Flex - Direction - colr - lg .fld-lg-colr
Sets display: flex and sets flex-direction of an element to column-reverse on lg.
Examples
Default styling
A div
B div
.fld-lg-colr
Sets flex-direction to column-reverse on lg
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 7982
6.4.2.2 #Flex - Direction - colr - md .fld-md-colr
Sets display: flex and sets flex-direction of an element to column-reverse on md.
Examples
Default styling
A div
B div
.fld-md-colr
Sets flex-direction to column-reverse on md
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 6041
6.4.2.3 #Flex - Direction - colr - sm .fld-sm-colr
Sets display: flex and sets flex-direction of an element to column-reverse on sm.
Examples
Default styling
A div
B div
.fld-sm-colr
Sets flex-direction to column-reverse on sm
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 4100
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/full/full.css, line 2340
6.4.3.1 #Flex - Direction - row - lg .fld-lg-row
Sets display: flex and sets flex-direction of an element to row on lg.
Examples
Default styling
A div
B div
.fld-lg-row
Sets flex-direction to row on lg
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 7931
6.4.3.2 #Flex - Direction - row - md .fld-md-row
Sets display: flex and sets flex-direction of an element to row on md.
Examples
Default styling
A div
B div
.fld-md-row
Sets flex-direction to row on md
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 5990
6.4.3.3 #Flex - Direction - row - sm .fld-sm-row
Sets display: flex and sets flex-direction of an element to row on sm.
Examples
Default styling
A div
B div
.fld-sm-row
Sets flex-direction to row on sm
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 4049
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/full/full.css, line 2374
6.4.4.1 #Flex - Direction - rowr - lg .fld-lg-rowr
Sets display: flex and sets flex-direction of an element to row-reverse on lg.
Examples
Default styling
A div
B div
.fld-lg-rowr
Sets flex-direction to row-reverse on lg
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 7965
6.4.4.2 #Flex - Direction - rowr - md .fld-md-rowr
Sets display: flex and sets flex-direction of an element to row-reverse on md.
Examples
Default styling
A div
B div
.fld-md-rowr
Sets flex-direction to row-reverse on md
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 6024
6.4.4.3 #Flex - Direction - rowr - sm .fld-sm-rowr
Sets display: flex and sets flex-direction of an element to row-reverse on sm.
Examples
Default styling
A div
B div
.fld-sm-rowr
Sets flex-direction to row-reverse on sm
A div
B div
Markup
<div class="[modifier class]"><div>A div</div><div>B div</div></div>
Source:
dist/full/full.css, line 4083
6.5 #Flex - Gaps Flex Gaps
Classes for creating gaps between flex children based on margin sizes.
Source:
dist/full/full.css, line 2408
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/full/full.css, line 2431
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/full/full.css, line 2495
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/full/full.css, line 2559
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/full/full.css, line 2623
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/full/full.css, line 2687
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/full/full.css, line 2751
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/full/full.css, line 2815
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/full/full.css, line 2879
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-0
Sets the margin of all children except last to margin var for 0 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-0
Sets gaps to margin var for 0 on lg
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/full/full.css, line 8026
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-1
Sets the margin of all children except last to margin var for 1 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-1
Sets gaps to margin var for 1 on lg
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/full/full.css, line 8134
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-2
Sets the margin of all children except last to margin var for 2 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-2
Sets gaps to margin var for 2 on lg
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/full/full.css, line 8242
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-3
Sets the margin of all children except last to margin var for 3 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-3
Sets gaps to margin var for 3 on lg
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/full/full.css, line 8350
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-4
Sets the margin of all children except last to margin var for 4 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-4
Sets gaps to margin var for 4 on lg
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/full/full.css, line 8458
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-5
Sets the margin of all children except last to margin var for 5 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-5
Sets gaps to margin var for 5 on lg
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/full/full.css, line 8566
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-6
Sets the margin of all children except last to margin var for 6 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-6
Sets gaps to margin var for 6 on lg
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/full/full.css, line 8674
6.5.1.1 #Flex - Gaps - col - lg .flg-lg-7
Sets the margin of all children except last to margin var for 7 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-7
Sets gaps to margin var for 7 on lg
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/full/full.css, line 8782
6.5.1.2 #Flex - Gaps - col - md .flg-md-0
Sets the margin of all children except last to margin var for 0 on md.
Examples
Default styling
A div
B div
C div
.flg-md-0
Sets gaps to margin var for 0 on md
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/full/full.css, line 6085
6.5.1.2 #Flex - Gaps - col - md .flg-md-1
Sets the margin of all children except last to margin var for 1 on md.
Examples
Default styling
A div
B div
C div
.flg-md-1
Sets gaps to margin var for 1 on md
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/full/full.css, line 6193
6.5.1.2 #Flex - Gaps - col - md .flg-md-2
Sets the margin of all children except last to margin var for 2 on md.
Examples
Default styling
A div
B div
C div
.flg-md-2
Sets gaps to margin var for 2 on md
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/full/full.css, line 6301
6.5.1.2 #Flex - Gaps - col - md .flg-md-3
Sets the margin of all children except last to margin var for 3 on md.
Examples
Default styling
A div
B div
C div
.flg-md-3
Sets gaps to margin var for 3 on md
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/full/full.css, line 6409
6.5.1.2 #Flex - Gaps - col - md .flg-md-4
Sets the margin of all children except last to margin var for 4 on md.
Examples
Default styling
A div
B div
C div
.flg-md-4
Sets gaps to margin var for 4 on md
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/full/full.css, line 6517
6.5.1.2 #Flex - Gaps - col - md .flg-md-5
Sets the margin of all children except last to margin var for 5 on md.
Examples
Default styling
A div
B div
C div
.flg-md-5
Sets gaps to margin var for 5 on md
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/full/full.css, line 6625
6.5.1.2 #Flex - Gaps - col - md .flg-md-6
Sets the margin of all children except last to margin var for 6 on md.
Examples
Default styling
A div
B div
C div
.flg-md-6
Sets gaps to margin var for 6 on md
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/full/full.css, line 6733
6.5.1.2 #Flex - Gaps - col - md .flg-md-7
Sets the margin of all children except last to margin var for 7 on md.
Examples
Default styling
A div
B div
C div
.flg-md-7
Sets gaps to margin var for 7 on md
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/full/full.css, line 6841
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-0
Sets the margin of all children except last to margin var for 0 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-0
Sets gaps to margin var for 0 on sm
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/full/full.css, line 4144
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-1
Sets the margin of all children except last to margin var for 1 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-1
Sets gaps to margin var for 1 on sm
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/full/full.css, line 4252
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-2
Sets the margin of all children except last to margin var for 2 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-2
Sets gaps to margin var for 2 on sm
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/full/full.css, line 4360
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-3
Sets the margin of all children except last to margin var for 3 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-3
Sets gaps to margin var for 3 on sm
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/full/full.css, line 4468
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-4
Sets the margin of all children except last to margin var for 4 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-4
Sets gaps to margin var for 4 on sm
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/full/full.css, line 4576
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-5
Sets the margin of all children except last to margin var for 5 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-5
Sets gaps to margin var for 5 on sm
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/full/full.css, line 4684
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-6
Sets the margin of all children except last to margin var for 6 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-6
Sets gaps to margin var for 6 on sm
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/full/full.css, line 4792
6.5.1.3 #Flex - Gaps - col - sm .flg-sm-7
Sets the margin of all children except last to margin var for 7 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-7
Sets gaps to margin var for 7 on sm
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/full/full.css, line 4900
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/full/full.css, line 2463
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/full/full.css, line 2527
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/full/full.css, line 2591
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/full/full.css, line 2655
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/full/full.css, line 2719
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/full/full.css, line 2783
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/full/full.css, line 2847
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/full/full.css, line 2911
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-0
Sets the margin of all children except last to margin var for 0 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-0
Sets gaps to margin var for 0 on lg
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/full/full.css, line 8080
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-1
Sets the margin of all children except last to margin var for 1 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-1
Sets gaps to margin var for 1 on lg
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/full/full.css, line 8188
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-2
Sets the margin of all children except last to margin var for 2 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-2
Sets gaps to margin var for 2 on lg
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/full/full.css, line 8296
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-3
Sets the margin of all children except last to margin var for 3 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-3
Sets gaps to margin var for 3 on lg
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/full/full.css, line 8404
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-4
Sets the margin of all children except last to margin var for 4 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-4
Sets gaps to margin var for 4 on lg
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/full/full.css, line 8512
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-5
Sets the margin of all children except last to margin var for 5 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-5
Sets gaps to margin var for 5 on lg
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/full/full.css, line 8620
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-6
Sets the margin of all children except last to margin var for 6 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-6
Sets gaps to margin var for 6 on lg
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/full/full.css, line 8728
6.5.2.1 #Flex - Gaps - colr - lg .flg-lg-7
Sets the margin of all children except last to margin var for 7 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-7
Sets gaps to margin var for 7 on lg
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/full/full.css, line 8836
6.5.2.2 #Flex - Gaps - colr - md .flg-md-0
Sets the margin of all children except last to margin var for 0 on md.
Examples
Default styling
A div
B div
C div
.flg-md-0
Sets gaps to margin var for 0 on md
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/full/full.css, line 6139
6.5.2.2 #Flex - Gaps - colr - md .flg-md-1
Sets the margin of all children except last to margin var for 1 on md.
Examples
Default styling
A div
B div
C div
.flg-md-1
Sets gaps to margin var for 1 on md
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/full/full.css, line 6247
6.5.2.2 #Flex - Gaps - colr - md .flg-md-2
Sets the margin of all children except last to margin var for 2 on md.
Examples
Default styling
A div
B div
C div
.flg-md-2
Sets gaps to margin var for 2 on md
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/full/full.css, line 6355
6.5.2.2 #Flex - Gaps - colr - md .flg-md-3
Sets the margin of all children except last to margin var for 3 on md.
Examples
Default styling
A div
B div
C div
.flg-md-3
Sets gaps to margin var for 3 on md
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/full/full.css, line 6463
6.5.2.2 #Flex - Gaps - colr - md .flg-md-4
Sets the margin of all children except last to margin var for 4 on md.
Examples
Default styling
A div
B div
C div
.flg-md-4
Sets gaps to margin var for 4 on md
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/full/full.css, line 6571
6.5.2.2 #Flex - Gaps - colr - md .flg-md-5
Sets the margin of all children except last to margin var for 5 on md.
Examples
Default styling
A div
B div
C div
.flg-md-5
Sets gaps to margin var for 5 on md
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/full/full.css, line 6679
6.5.2.2 #Flex - Gaps - colr - md .flg-md-6
Sets the margin of all children except last to margin var for 6 on md.
Examples
Default styling
A div
B div
C div
.flg-md-6
Sets gaps to margin var for 6 on md
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/full/full.css, line 6787
6.5.2.2 #Flex - Gaps - colr - md .flg-md-7
Sets the margin of all children except last to margin var for 7 on md.
Examples
Default styling
A div
B div
C div
.flg-md-7
Sets gaps to margin var for 7 on md
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/full/full.css, line 6895
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-0
Sets the margin of all children except last to margin var for 0 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-0
Sets gaps to margin var for 0 on sm
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/full/full.css, line 4198
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-1
Sets the margin of all children except last to margin var for 1 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-1
Sets gaps to margin var for 1 on sm
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/full/full.css, line 4306
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-2
Sets the margin of all children except last to margin var for 2 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-2
Sets gaps to margin var for 2 on sm
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/full/full.css, line 4414
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-3
Sets the margin of all children except last to margin var for 3 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-3
Sets gaps to margin var for 3 on sm
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/full/full.css, line 4522
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-4
Sets the margin of all children except last to margin var for 4 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-4
Sets gaps to margin var for 4 on sm
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/full/full.css, line 4630
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-5
Sets the margin of all children except last to margin var for 5 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-5
Sets gaps to margin var for 5 on sm
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/full/full.css, line 4738
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-6
Sets the margin of all children except last to margin var for 6 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-6
Sets gaps to margin var for 6 on sm
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/full/full.css, line 4846
6.5.2.3 #Flex - Gaps - colr - sm .flg-sm-7
Sets the margin of all children except last to margin var for 7 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-7
Sets gaps to margin var for 7 on sm
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/full/full.css, line 4954
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/full/full.css, line 2415
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/full/full.css, line 2479
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/full/full.css, line 2543
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/full/full.css, line 2607
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/full/full.css, line 2671
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/full/full.css, line 2735
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/full/full.css, line 2799
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/full/full.css, line 2863
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-0
Sets the margin of all children except last to margin var for 0 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-0
Sets gaps to margin var for 0 on lg
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/full/full.css, line 7999
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-1
Sets the margin of all children except last to margin var for 1 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-1
Sets gaps to margin var for 1 on lg
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/full/full.css, line 8107
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-2
Sets the margin of all children except last to margin var for 2 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-2
Sets gaps to margin var for 2 on lg
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/full/full.css, line 8215
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-3
Sets the margin of all children except last to margin var for 3 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-3
Sets gaps to margin var for 3 on lg
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/full/full.css, line 8323
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-4
Sets the margin of all children except last to margin var for 4 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-4
Sets gaps to margin var for 4 on lg
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/full/full.css, line 8431
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-5
Sets the margin of all children except last to margin var for 5 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-5
Sets gaps to margin var for 5 on lg
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/full/full.css, line 8539
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-6
Sets the margin of all children except last to margin var for 6 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-6
Sets gaps to margin var for 6 on lg
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/full/full.css, line 8647
6.5.3.1 #Flex - Gaps - row - lg .flg-lg-7
Sets the margin of all children except last to margin var for 7 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-7
Sets gaps to margin var for 7 on lg
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/full/full.css, line 8755
6.5.3.2 #Flex - Gaps - row - md .flg-md-0
Sets the margin of all children except last to margin var for 0 on md.
Examples
Default styling
A div
B div
C div
.flg-md-0
Sets gaps to margin var for 0 on md
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/full/full.css, line 6058
6.5.3.2 #Flex - Gaps - row - md .flg-md-1
Sets the margin of all children except last to margin var for 1 on md.
Examples
Default styling
A div
B div
C div
.flg-md-1
Sets gaps to margin var for 1 on md
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/full/full.css, line 6166
6.5.3.2 #Flex - Gaps - row - md .flg-md-2
Sets the margin of all children except last to margin var for 2 on md.
Examples
Default styling
A div
B div
C div
.flg-md-2
Sets gaps to margin var for 2 on md
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/full/full.css, line 6274
6.5.3.2 #Flex - Gaps - row - md .flg-md-3
Sets the margin of all children except last to margin var for 3 on md.
Examples
Default styling
A div
B div
C div
.flg-md-3
Sets gaps to margin var for 3 on md
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/full/full.css, line 6382
6.5.3.2 #Flex - Gaps - row - md .flg-md-4
Sets the margin of all children except last to margin var for 4 on md.
Examples
Default styling
A div
B div
C div
.flg-md-4
Sets gaps to margin var for 4 on md
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/full/full.css, line 6490
6.5.3.2 #Flex - Gaps - row - md .flg-md-5
Sets the margin of all children except last to margin var for 5 on md.
Examples
Default styling
A div
B div
C div
.flg-md-5
Sets gaps to margin var for 5 on md
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/full/full.css, line 6598
6.5.3.2 #Flex - Gaps - row - md .flg-md-6
Sets the margin of all children except last to margin var for 6 on md.
Examples
Default styling
A div
B div
C div
.flg-md-6
Sets gaps to margin var for 6 on md
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/full/full.css, line 6706
6.5.3.2 #Flex - Gaps - row - md .flg-md-7
Sets the margin of all children except last to margin var for 7 on md.
Examples
Default styling
A div
B div
C div
.flg-md-7
Sets gaps to margin var for 7 on md
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/full/full.css, line 6814
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-0
Sets the margin of all children except last to margin var for 0 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-0
Sets gaps to margin var for 0 on sm
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/full/full.css, line 4117
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-1
Sets the margin of all children except last to margin var for 1 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-1
Sets gaps to margin var for 1 on sm
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/full/full.css, line 4225
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-2
Sets the margin of all children except last to margin var for 2 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-2
Sets gaps to margin var for 2 on sm
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/full/full.css, line 4333
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-3
Sets the margin of all children except last to margin var for 3 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-3
Sets gaps to margin var for 3 on sm
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/full/full.css, line 4441
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-4
Sets the margin of all children except last to margin var for 4 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-4
Sets gaps to margin var for 4 on sm
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/full/full.css, line 4549
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-5
Sets the margin of all children except last to margin var for 5 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-5
Sets gaps to margin var for 5 on sm
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/full/full.css, line 4657
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-6
Sets the margin of all children except last to margin var for 6 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-6
Sets gaps to margin var for 6 on sm
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/full/full.css, line 4765
6.5.3.3 #Flex - Gaps - row - sm .flg-sm-7
Sets the margin of all children except last to margin var for 7 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-7
Sets gaps to margin var for 7 on sm
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/full/full.css, line 4873
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/full/full.css, line 2447
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/full/full.css, line 2511
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/full/full.css, line 2575
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/full/full.css, line 2639
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/full/full.css, line 2703
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/full/full.css, line 2767
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/full/full.css, line 2831
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/full/full.css, line 2895
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-0
Sets the margin of all children except last to margin var for 0 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-0
Sets gaps to margin var for 0 on lg
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/full/full.css, line 8053
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-1
Sets the margin of all children except last to margin var for 1 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-1
Sets gaps to margin var for 1 on lg
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/full/full.css, line 8161
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-2
Sets the margin of all children except last to margin var for 2 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-2
Sets gaps to margin var for 2 on lg
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/full/full.css, line 8269
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-3
Sets the margin of all children except last to margin var for 3 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-3
Sets gaps to margin var for 3 on lg
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/full/full.css, line 8377
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-4
Sets the margin of all children except last to margin var for 4 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-4
Sets gaps to margin var for 4 on lg
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/full/full.css, line 8485
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-5
Sets the margin of all children except last to margin var for 5 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-5
Sets gaps to margin var for 5 on lg
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/full/full.css, line 8593
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-6
Sets the margin of all children except last to margin var for 6 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-6
Sets gaps to margin var for 6 on lg
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/full/full.css, line 8701
6.5.4.1 #Flex - Gaps - rowr - lg .flg-lg-7
Sets the margin of all children except last to margin var for 7 on lg.
Examples
Default styling
A div
B div
C div
.flg-lg-7
Sets gaps to margin var for 7 on lg
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/full/full.css, line 8809
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-0
Sets the margin of all children except last to margin var for 0 on md.
Examples
Default styling
A div
B div
C div
.flg-md-0
Sets gaps to margin var for 0 on md
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/full/full.css, line 6112
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-1
Sets the margin of all children except last to margin var for 1 on md.
Examples
Default styling
A div
B div
C div
.flg-md-1
Sets gaps to margin var for 1 on md
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/full/full.css, line 6220
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-2
Sets the margin of all children except last to margin var for 2 on md.
Examples
Default styling
A div
B div
C div
.flg-md-2
Sets gaps to margin var for 2 on md
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/full/full.css, line 6328
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-3
Sets the margin of all children except last to margin var for 3 on md.
Examples
Default styling
A div
B div
C div
.flg-md-3
Sets gaps to margin var for 3 on md
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/full/full.css, line 6436
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-4
Sets the margin of all children except last to margin var for 4 on md.
Examples
Default styling
A div
B div
C div
.flg-md-4
Sets gaps to margin var for 4 on md
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/full/full.css, line 6544
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-5
Sets the margin of all children except last to margin var for 5 on md.
Examples
Default styling
A div
B div
C div
.flg-md-5
Sets gaps to margin var for 5 on md
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/full/full.css, line 6652
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-6
Sets the margin of all children except last to margin var for 6 on md.
Examples
Default styling
A div
B div
C div
.flg-md-6
Sets gaps to margin var for 6 on md
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/full/full.css, line 6760
6.5.4.2 #Flex - Gaps - rowr - md .flg-md-7
Sets the margin of all children except last to margin var for 7 on md.
Examples
Default styling
A div
B div
C div
.flg-md-7
Sets gaps to margin var for 7 on md
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/full/full.css, line 6868
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-0
Sets the margin of all children except last to margin var for 0 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-0
Sets gaps to margin var for 0 on sm
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/full/full.css, line 4171
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-1
Sets the margin of all children except last to margin var for 1 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-1
Sets gaps to margin var for 1 on sm
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/full/full.css, line 4279
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-2
Sets the margin of all children except last to margin var for 2 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-2
Sets gaps to margin var for 2 on sm
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/full/full.css, line 4387
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-3
Sets the margin of all children except last to margin var for 3 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-3
Sets gaps to margin var for 3 on sm
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/full/full.css, line 4495
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-4
Sets the margin of all children except last to margin var for 4 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-4
Sets gaps to margin var for 4 on sm
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/full/full.css, line 4603
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-5
Sets the margin of all children except last to margin var for 5 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-5
Sets gaps to margin var for 5 on sm
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/full/full.css, line 4711
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-6
Sets the margin of all children except last to margin var for 6 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-6
Sets gaps to margin var for 6 on sm
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/full/full.css, line 4819
6.5.4.3 #Flex - Gaps - rowr - sm .flg-sm-7
Sets the margin of all children except last to margin var for 7 on sm.
Examples
Default styling
A div
B div
C div
.flg-sm-7
Sets gaps to margin var for 7 on sm
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/full/full.css, line 4927
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/full/full.css, line 3704
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/full/full.css, line 3711
6.6.1.1 #Flex - Justify Content - ctr - lg .jc-lg-ctr
Sets justify-content to center on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-lg-ctr
Sets justify-content to center on lg
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/full/full.css, line 9548
6.6.1.2 #Flex - Justify Content - ctr - md .jc-md-ctr
Sets justify-content to center on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-md-ctr
Sets justify-content to center on md
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/full/full.css, line 7607
6.6.1.3 #Flex - Justify Content - ctr - sm .jc-sm-ctr
Sets justify-content to center on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-sm-ctr
Sets justify-content to center on sm
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/full/full.css, line 5666
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/full/full.css, line 3745
6.6.2.1 #Flex - Justify Content - end - lg .jc-lg-end
Sets justify-content to flex-end on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-lg-end
Sets justify-content to flex-end on lg
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/full/full.css, line 9582
6.6.2.2 #Flex - Justify Content - end - md .jc-md-end
Sets justify-content to flex-end on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-md-end
Sets justify-content to flex-end on md
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/full/full.css, line 7641
6.6.2.3 #Flex - Justify Content - end - sm .jc-sm-end
Sets justify-content to flex-end on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-sm-end
Sets justify-content to flex-end on sm
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/full/full.css, line 5700
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/full/full.css, line 3779
6.6.3.1 #Flex - Justify Content - spa - lg .jc-lg-spa
Sets justify-content to space-around on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-lg-spa
Sets justify-content to space-around on lg
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/full/full.css, line 9616
6.6.3.2 #Flex - Justify Content - spa - md .jc-md-spa
Sets justify-content to space-around on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-md-spa
Sets justify-content to space-around on md
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/full/full.css, line 7675
6.6.3.3 #Flex - Justify Content - spa - sm .jc-sm-spa
Sets justify-content to space-around on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-sm-spa
Sets justify-content to space-around on sm
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/full/full.css, line 5734
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/full/full.css, line 3762
6.6.4.1 #Flex - Justify Content - spb - lg .jc-lg-spb
Sets justify-content to space-between on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-lg-spb
Sets justify-content to space-between on lg
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/full/full.css, line 9599
6.6.4.2 #Flex - Justify Content - spb - md .jc-md-spb
Sets justify-content to space-between on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-md-spb
Sets justify-content to space-between on md
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/full/full.css, line 7658
6.6.4.3 #Flex - Justify Content - spb - sm .jc-sm-spb
Sets justify-content to space-between on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-sm-spb
Sets justify-content to space-between on sm
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/full/full.css, line 5717
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/full/full.css, line 3796
6.6.5.1 #Flex - Justify Content - spe - lg .jc-lg-spe
Sets justify-content to space-evenly on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-lg-spe
Sets justify-content to space-evenly on lg
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/full/full.css, line 9633
6.6.5.2 #Flex - Justify Content - spe - md .jc-md-spe
Sets justify-content to space-evenly on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-md-spe
Sets justify-content to space-evenly on md
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/full/full.css, line 7692
6.6.5.3 #Flex - Justify Content - spe - sm .jc-sm-spe
Sets justify-content to space-evenly on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-sm-spe
Sets justify-content to space-evenly on sm
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/full/full.css, line 5751
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/full/full.css, line 3813
6.6.6.1 #Flex - Justify Content - stc - lg .jc-lg-stc
Sets justify-content to stretch on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-lg-stc
Sets justify-content to stretch on lg
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/full/full.css, line 9650
6.6.6.2 #Flex - Justify Content - stc - md .jc-md-stc
Sets justify-content to stretch on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-md-stc
Sets justify-content to stretch on md
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/full/full.css, line 7709
6.6.6.3 #Flex - Justify Content - stc - sm .jc-sm-stc
Sets justify-content to stretch on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-sm-stc
Sets justify-content to stretch on sm
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/full/full.css, line 5768
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/full/full.css, line 3728
6.6.7.1 #Flex - Justify Content - str - lg .jc-lg-str
Sets justify-content to flex-start on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-lg-str
Sets justify-content to flex-start on lg
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/full/full.css, line 9565
6.6.7.2 #Flex - Justify Content - str - md .jc-md-str
Sets justify-content to flex-start on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-md-str
Sets justify-content to flex-start on md
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/full/full.css, line 7624
6.6.7.3 #Flex - Justify Content - str - sm .jc-sm-str
Sets justify-content to flex-start on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.jc-sm-str
Sets justify-content to flex-start on sm
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/full/full.css, line 5683
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/full/full.css, line 3939
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/full/full.css, line 3963
6.7.1.1 #Flex - Justify Self - ctr - lg .js-lg-ctr
Sets justify-self to center on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-lg-ctr
Sets justify-self to center on lg
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/full/full.css, line 9786
6.7.1.2 #Flex - Justify Self - ctr - md .js-md-ctr
Sets justify-self to center on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-md-ctr
Sets justify-self to center on md
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/full/full.css, line 7845
6.7.1.3 #Flex - Justify Self - ctr - sm .js-sm-ctr
Sets justify-self to center on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-sm-ctr
Sets justify-self to center on sm
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/full/full.css, line 5904
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/full/full.css, line 3997
6.7.2.1 #Flex - Justify Self - end - lg .js-lg-end
Sets justify-self to flex-end on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-lg-end
Sets justify-self to flex-end on lg
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/full/full.css, line 9820
6.7.2.2 #Flex - Justify Self - end - md .js-md-end
Sets justify-self to flex-end on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-md-end
Sets justify-self to flex-end on md
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/full/full.css, line 7879
6.7.2.3 #Flex - Justify Self - end - sm .js-sm-end
Sets justify-self to flex-end on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-sm-end
Sets justify-self to flex-end on sm
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/full/full.css, line 5938
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/full/full.css, line 4031
6.7.3.1 #Flex - Justify Self - sse - lg .js-lg-sse
Sets justify-self to self-end on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-lg-sse
Sets justify-self to self-end on lg
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/full/full.css, line 9854
6.7.3.2 #Flex - Justify Self - sse - md .js-md-sse
Sets justify-self to self-end on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-md-sse
Sets justify-self to self-end on md
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/full/full.css, line 7913
6.7.3.3 #Flex - Justify Self - sse - sm .js-sm-sse
Sets justify-self to self-end on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-sm-sse
Sets justify-self to self-end on sm
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/full/full.css, line 5972
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/full/full.css, line 4014
6.7.4.1 #Flex - Justify Self - sst - lg .js-lg-sst
Sets justify-self to self-start on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-lg-sst
Sets justify-self to self-start on lg
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/full/full.css, line 9837
6.7.4.2 #Flex - Justify Self - sst - md .js-md-sst
Sets justify-self to self-start on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-md-sst
Sets justify-self to self-start on md
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/full/full.css, line 7896
6.7.4.3 #Flex - Justify Self - sst - sm .js-sm-sst
Sets justify-self to self-start on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-sm-sst
Sets justify-self to self-start on sm
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/full/full.css, line 5955
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/full/full.css, line 3946
6.7.5.1 #Flex - Justify Self - stc - lg .js-lg-stc
Sets justify-self to stretch on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-lg-stc
Sets justify-self to stretch on lg
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/full/full.css, line 9769
6.7.5.2 #Flex - Justify Self - stc - md .js-md-stc
Sets justify-self to stretch on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-md-stc
Sets justify-self to stretch on md
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/full/full.css, line 7828
6.7.5.3 #Flex - Justify Self - stc - sm .js-sm-stc
Sets justify-self to stretch on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-sm-stc
Sets justify-self to stretch on sm
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/full/full.css, line 5887
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/full/full.css, line 3980
6.7.6.1 #Flex - Justify Self - str - lg .js-lg-str
Sets justify-self to flex-start on lg.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-lg-str
Sets justify-self to flex-start on lg
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/full/full.css, line 9803
6.7.6.2 #Flex - Justify Self - str - md .js-md-str
Sets justify-self to flex-start on md.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-md-str
Sets justify-self to flex-start on md
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/full/full.css, line 7862
6.7.6.3 #Flex - Justify Self - str - sm .js-sm-str
Sets justify-self to flex-start on sm.
Examples
Default styling
A div
B div
C div
A div
B div
C div
.js-sm-str
Sets justify-self to flex-start on sm
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/full/full.css, line 5921
6.8 #Flex - Size Flex Size
Classes for setting flex-grow and flex-shrink properties on an element.
Source:
dist/full/full.css, line 2927
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/full/full.css, line 2934
6.8.1.1 #Flex - Size - 0:0 - lg .fls-lg-0-0
Sets flex-grow to 0 and flex-shrink to 0 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-0-0
Sets flex-grow to 0 and flex-shrink to 0 on lg
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/full/full.css, line 8863
6.8.1.2 #Flex - Size - 0:0 - md .fls-md-0-0
Sets flex-grow to 0 and flex-shrink to 0 on md.
Examples
Default styling
A div
B div
C div
.fls-md-0-0
Sets flex-grow to 0 and flex-shrink to 0 on md
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/full/full.css, line 6922
6.8.1.3 #Flex - Size - 0:0 - sm .fls-sm-0-0
Sets flex-grow to 0 and flex-shrink to 0 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-0-0
Sets flex-grow to 0 and flex-shrink to 0 on sm
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/full/full.css, line 4981
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/full/full.css, line 2951
6.8.2.1 #Flex - Size - 0:1 - lg .fls-lg-0-1
Sets flex-grow to 0 and flex-shrink to 1 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-0-1
Sets flex-grow to 0 and flex-shrink to 1 on lg
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/full/full.css, line 8880
6.8.2.2 #Flex - Size - 0:1 - md .fls-md-0-1
Sets flex-grow to 0 and flex-shrink to 1 on md.
Examples
Default styling
A div
B div
C div
.fls-md-0-1
Sets flex-grow to 0 and flex-shrink to 1 on md
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/full/full.css, line 6939
6.8.2.3 #Flex - Size - 0:1 - sm .fls-sm-0-1
Sets flex-grow to 0 and flex-shrink to 1 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-0-1
Sets flex-grow to 0 and flex-shrink to 1 on sm
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/full/full.css, line 4998
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/full/full.css, line 2968
6.8.3.1 #Flex - Size - 0:2 - lg .fls-lg-0-2
Sets flex-grow to 0 and flex-shrink to 2 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-0-2
Sets flex-grow to 0 and flex-shrink to 2 on lg
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/full/full.css, line 8897
6.8.3.2 #Flex - Size - 0:2 - md .fls-md-0-2
Sets flex-grow to 0 and flex-shrink to 2 on md.
Examples
Default styling
A div
B div
C div
.fls-md-0-2
Sets flex-grow to 0 and flex-shrink to 2 on md
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/full/full.css, line 6956
6.8.3.3 #Flex - Size - 0:2 - sm .fls-sm-0-2
Sets flex-grow to 0 and flex-shrink to 2 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-0-2
Sets flex-grow to 0 and flex-shrink to 2 on sm
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/full/full.css, line 5015
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/full/full.css, line 2985
6.8.4.1 #Flex - Size - 0:3 - lg .fls-lg-0-3
Sets flex-grow to 0 and flex-shrink to 3 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-0-3
Sets flex-grow to 0 and flex-shrink to 3 on lg
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/full/full.css, line 8914
6.8.4.2 #Flex - Size - 0:3 - md .fls-md-0-3
Sets flex-grow to 0 and flex-shrink to 3 on md.
Examples
Default styling
A div
B div
C div
.fls-md-0-3
Sets flex-grow to 0 and flex-shrink to 3 on md
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/full/full.css, line 6973
6.8.4.3 #Flex - Size - 0:3 - sm .fls-sm-0-3
Sets flex-grow to 0 and flex-shrink to 3 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-0-3
Sets flex-grow to 0 and flex-shrink to 3 on sm
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/full/full.css, line 5032
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/full/full.css, line 3002
6.8.5.1 #Flex - Size - 0:4 - lg .fls-lg-0-4
Sets flex-grow to 0 and flex-shrink to 4 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-0-4
Sets flex-grow to 0 and flex-shrink to 4 on lg
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/full/full.css, line 8931
6.8.5.2 #Flex - Size - 0:4 - md .fls-md-0-4
Sets flex-grow to 0 and flex-shrink to 4 on md.
Examples
Default styling
A div
B div
C div
.fls-md-0-4
Sets flex-grow to 0 and flex-shrink to 4 on md
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/full/full.css, line 6990
6.8.5.3 #Flex - Size - 0:4 - sm .fls-sm-0-4
Sets flex-grow to 0 and flex-shrink to 4 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-0-4
Sets flex-grow to 0 and flex-shrink to 4 on sm
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/full/full.css, line 5049
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/full/full.css, line 3019
6.8.6.1 #Flex - Size - 1:0 - lg .fls-lg-1-0
Sets flex-grow to 1 and flex-shrink to 0 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-1-0
Sets flex-grow to 1 and flex-shrink to 0 on lg
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/full/full.css, line 8948
6.8.6.2 #Flex - Size - 1:0 - md .fls-md-1-0
Sets flex-grow to 1 and flex-shrink to 0 on md.
Examples
Default styling
A div
B div
C div
.fls-md-1-0
Sets flex-grow to 1 and flex-shrink to 0 on md
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/full/full.css, line 7007
6.8.6.3 #Flex - Size - 1:0 - sm .fls-sm-1-0
Sets flex-grow to 1 and flex-shrink to 0 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-1-0
Sets flex-grow to 1 and flex-shrink to 0 on sm
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/full/full.css, line 5066
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/full/full.css, line 3036
6.8.7.1 #Flex - Size - 1:1 - lg .fls-lg-1-1
Sets flex-grow to 1 and flex-shrink to 1 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-1-1
Sets flex-grow to 1 and flex-shrink to 1 on lg
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/full/full.css, line 8965
6.8.7.2 #Flex - Size - 1:1 - md .fls-md-1-1
Sets flex-grow to 1 and flex-shrink to 1 on md.
Examples
Default styling
A div
B div
C div
.fls-md-1-1
Sets flex-grow to 1 and flex-shrink to 1 on md
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/full/full.css, line 7024
6.8.7.3 #Flex - Size - 1:1 - sm .fls-sm-1-1
Sets flex-grow to 1 and flex-shrink to 1 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-1-1
Sets flex-grow to 1 and flex-shrink to 1 on sm
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/full/full.css, line 5083
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/full/full.css, line 3053
6.8.8.1 #Flex - Size - 1:2 - lg .fls-lg-1-2
Sets flex-grow to 1 and flex-shrink to 2 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-1-2
Sets flex-grow to 1 and flex-shrink to 2 on lg
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/full/full.css, line 8982
6.8.8.2 #Flex - Size - 1:2 - md .fls-md-1-2
Sets flex-grow to 1 and flex-shrink to 2 on md.
Examples
Default styling
A div
B div
C div
.fls-md-1-2
Sets flex-grow to 1 and flex-shrink to 2 on md
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/full/full.css, line 7041
6.8.8.3 #Flex - Size - 1:2 - sm .fls-sm-1-2
Sets flex-grow to 1 and flex-shrink to 2 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-1-2
Sets flex-grow to 1 and flex-shrink to 2 on sm
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/full/full.css, line 5100
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/full/full.css, line 3070
6.8.9.1 #Flex - Size - 1:3 - lg .fls-lg-1-3
Sets flex-grow to 1 and flex-shrink to 3 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-1-3
Sets flex-grow to 1 and flex-shrink to 3 on lg
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/full/full.css, line 8999
6.8.9.2 #Flex - Size - 1:3 - md .fls-md-1-3
Sets flex-grow to 1 and flex-shrink to 3 on md.
Examples
Default styling
A div
B div
C div
.fls-md-1-3
Sets flex-grow to 1 and flex-shrink to 3 on md
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/full/full.css, line 7058
6.8.9.3 #Flex - Size - 1:3 - sm .fls-sm-1-3
Sets flex-grow to 1 and flex-shrink to 3 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-1-3
Sets flex-grow to 1 and flex-shrink to 3 on sm
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/full/full.css, line 5117
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/full/full.css, line 3087
6.8.10.1 #Flex - Size - 1:4 - lg .fls-lg-1-4
Sets flex-grow to 1 and flex-shrink to 4 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-1-4
Sets flex-grow to 1 and flex-shrink to 4 on lg
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/full/full.css, line 9016
6.8.10.2 #Flex - Size - 1:4 - md .fls-md-1-4
Sets flex-grow to 1 and flex-shrink to 4 on md.
Examples
Default styling
A div
B div
C div
.fls-md-1-4
Sets flex-grow to 1 and flex-shrink to 4 on md
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/full/full.css, line 7075
6.8.10.3 #Flex - Size - 1:4 - sm .fls-sm-1-4
Sets flex-grow to 1 and flex-shrink to 4 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-1-4
Sets flex-grow to 1 and flex-shrink to 4 on sm
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/full/full.css, line 5134
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/full/full.css, line 3104
6.8.11.1 #Flex - Size - 2:0 - lg .fls-lg-2-0
Sets flex-grow to 2 and flex-shrink to 0 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-2-0
Sets flex-grow to 2 and flex-shrink to 0 on lg
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/full/full.css, line 9033
6.8.11.2 #Flex - Size - 2:0 - md .fls-md-2-0
Sets flex-grow to 2 and flex-shrink to 0 on md.
Examples
Default styling
A div
B div
C div
.fls-md-2-0
Sets flex-grow to 2 and flex-shrink to 0 on md
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/full/full.css, line 7092
6.8.11.3 #Flex - Size - 2:0 - sm .fls-sm-2-0
Sets flex-grow to 2 and flex-shrink to 0 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-2-0
Sets flex-grow to 2 and flex-shrink to 0 on sm
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/full/full.css, line 5151
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/full/full.css, line 3121
6.8.12.1 #Flex - Size - 2:1 - lg .fls-lg-2-1
Sets flex-grow to 2 and flex-shrink to 1 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-2-1
Sets flex-grow to 2 and flex-shrink to 1 on lg
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/full/full.css, line 9050
6.8.12.2 #Flex - Size - 2:1 - md .fls-md-2-1
Sets flex-grow to 2 and flex-shrink to 1 on md.
Examples
Default styling
A div
B div
C div
.fls-md-2-1
Sets flex-grow to 2 and flex-shrink to 1 on md
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/full/full.css, line 7109
6.8.12.3 #Flex - Size - 2:1 - sm .fls-sm-2-1
Sets flex-grow to 2 and flex-shrink to 1 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-2-1
Sets flex-grow to 2 and flex-shrink to 1 on sm
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/full/full.css, line 5168
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/full/full.css, line 3138
6.8.13.1 #Flex - Size - 2:2 - lg .fls-lg-2-2
Sets flex-grow to 2 and flex-shrink to 2 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-2-2
Sets flex-grow to 2 and flex-shrink to 2 on lg
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/full/full.css, line 9067
6.8.13.2 #Flex - Size - 2:2 - md .fls-md-2-2
Sets flex-grow to 2 and flex-shrink to 2 on md.
Examples
Default styling
A div
B div
C div
.fls-md-2-2
Sets flex-grow to 2 and flex-shrink to 2 on md
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/full/full.css, line 7126
6.8.13.3 #Flex - Size - 2:2 - sm .fls-sm-2-2
Sets flex-grow to 2 and flex-shrink to 2 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-2-2
Sets flex-grow to 2 and flex-shrink to 2 on sm
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/full/full.css, line 5185
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/full/full.css, line 3155
6.8.14.1 #Flex - Size - 2:3 - lg .fls-lg-2-3
Sets flex-grow to 2 and flex-shrink to 3 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-2-3
Sets flex-grow to 2 and flex-shrink to 3 on lg
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/full/full.css, line 9084
6.8.14.2 #Flex - Size - 2:3 - md .fls-md-2-3
Sets flex-grow to 2 and flex-shrink to 3 on md.
Examples
Default styling
A div
B div
C div
.fls-md-2-3
Sets flex-grow to 2 and flex-shrink to 3 on md
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/full/full.css, line 7143
6.8.14.3 #Flex - Size - 2:3 - sm .fls-sm-2-3
Sets flex-grow to 2 and flex-shrink to 3 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-2-3
Sets flex-grow to 2 and flex-shrink to 3 on sm
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/full/full.css, line 5202
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/full/full.css, line 3172
6.8.15.1 #Flex - Size - 2:4 - lg .fls-lg-2-4
Sets flex-grow to 2 and flex-shrink to 4 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-2-4
Sets flex-grow to 2 and flex-shrink to 4 on lg
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/full/full.css, line 9101
6.8.15.2 #Flex - Size - 2:4 - md .fls-md-2-4
Sets flex-grow to 2 and flex-shrink to 4 on md.
Examples
Default styling
A div
B div
C div
.fls-md-2-4
Sets flex-grow to 2 and flex-shrink to 4 on md
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/full/full.css, line 7160
6.8.15.3 #Flex - Size - 2:4 - sm .fls-sm-2-4
Sets flex-grow to 2 and flex-shrink to 4 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-2-4
Sets flex-grow to 2 and flex-shrink to 4 on sm
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/full/full.css, line 5219
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/full/full.css, line 3189
6.8.16.1 #Flex - Size - 3:0 - lg .fls-lg-3-0
Sets flex-grow to 3 and flex-shrink to 0 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-3-0
Sets flex-grow to 3 and flex-shrink to 0 on lg
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/full/full.css, line 9118
6.8.16.2 #Flex - Size - 3:0 - md .fls-md-3-0
Sets flex-grow to 3 and flex-shrink to 0 on md.
Examples
Default styling
A div
B div
C div
.fls-md-3-0
Sets flex-grow to 3 and flex-shrink to 0 on md
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/full/full.css, line 7177
6.8.16.3 #Flex - Size - 3:0 - sm .fls-sm-3-0
Sets flex-grow to 3 and flex-shrink to 0 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-3-0
Sets flex-grow to 3 and flex-shrink to 0 on sm
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/full/full.css, line 5236
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/full/full.css, line 3206
6.8.17.1 #Flex - Size - 3:1 - lg .fls-lg-3-1
Sets flex-grow to 3 and flex-shrink to 1 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-3-1
Sets flex-grow to 3 and flex-shrink to 1 on lg
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/full/full.css, line 9135
6.8.17.2 #Flex - Size - 3:1 - md .fls-md-3-1
Sets flex-grow to 3 and flex-shrink to 1 on md.
Examples
Default styling
A div
B div
C div
.fls-md-3-1
Sets flex-grow to 3 and flex-shrink to 1 on md
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/full/full.css, line 7194
6.8.17.3 #Flex - Size - 3:1 - sm .fls-sm-3-1
Sets flex-grow to 3 and flex-shrink to 1 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-3-1
Sets flex-grow to 3 and flex-shrink to 1 on sm
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/full/full.css, line 5253
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/full/full.css, line 3223
6.8.18.1 #Flex - Size - 3:2 - lg .fls-lg-3-2
Sets flex-grow to 3 and flex-shrink to 2 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-3-2
Sets flex-grow to 3 and flex-shrink to 2 on lg
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/full/full.css, line 9152
6.8.18.2 #Flex - Size - 3:2 - md .fls-md-3-2
Sets flex-grow to 3 and flex-shrink to 2 on md.
Examples
Default styling
A div
B div
C div
.fls-md-3-2
Sets flex-grow to 3 and flex-shrink to 2 on md
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/full/full.css, line 7211
6.8.18.3 #Flex - Size - 3:2 - sm .fls-sm-3-2
Sets flex-grow to 3 and flex-shrink to 2 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-3-2
Sets flex-grow to 3 and flex-shrink to 2 on sm
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/full/full.css, line 5270
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/full/full.css, line 3240
6.8.19.1 #Flex - Size - 3:3 - lg .fls-lg-3-3
Sets flex-grow to 3 and flex-shrink to 3 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-3-3
Sets flex-grow to 3 and flex-shrink to 3 on lg
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/full/full.css, line 9169
6.8.19.2 #Flex - Size - 3:3 - md .fls-md-3-3
Sets flex-grow to 3 and flex-shrink to 3 on md.
Examples
Default styling
A div
B div
C div
.fls-md-3-3
Sets flex-grow to 3 and flex-shrink to 3 on md
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/full/full.css, line 7228
6.8.19.3 #Flex - Size - 3:3 - sm .fls-sm-3-3
Sets flex-grow to 3 and flex-shrink to 3 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-3-3
Sets flex-grow to 3 and flex-shrink to 3 on sm
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/full/full.css, line 5287
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/full/full.css, line 3257
6.8.20.1 #Flex - Size - 3:4 - lg .fls-lg-3-4
Sets flex-grow to 3 and flex-shrink to 4 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-3-4
Sets flex-grow to 3 and flex-shrink to 4 on lg
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/full/full.css, line 9186
6.8.20.2 #Flex - Size - 3:4 - md .fls-md-3-4
Sets flex-grow to 3 and flex-shrink to 4 on md.
Examples
Default styling
A div
B div
C div
.fls-md-3-4
Sets flex-grow to 3 and flex-shrink to 4 on md
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/full/full.css, line 7245
6.8.20.3 #Flex - Size - 3:4 - sm .fls-sm-3-4
Sets flex-grow to 3 and flex-shrink to 4 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-3-4
Sets flex-grow to 3 and flex-shrink to 4 on sm
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/full/full.css, line 5304
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/full/full.css, line 3274
6.8.21.1 #Flex - Size - 4:0 - lg .fls-lg-4-0
Sets flex-grow to 4 and flex-shrink to 0 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-4-0
Sets flex-grow to 4 and flex-shrink to 0 on lg
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/full/full.css, line 9203
6.8.21.2 #Flex - Size - 4:0 - md .fls-md-4-0
Sets flex-grow to 4 and flex-shrink to 0 on md.
Examples
Default styling
A div
B div
C div
.fls-md-4-0
Sets flex-grow to 4 and flex-shrink to 0 on md
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/full/full.css, line 7262
6.8.21.3 #Flex - Size - 4:0 - sm .fls-sm-4-0
Sets flex-grow to 4 and flex-shrink to 0 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-4-0
Sets flex-grow to 4 and flex-shrink to 0 on sm
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/full/full.css, line 5321
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/full/full.css, line 3291
6.8.22.1 #Flex - Size - 4:1 - lg .fls-lg-4-1
Sets flex-grow to 4 and flex-shrink to 1 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-4-1
Sets flex-grow to 4 and flex-shrink to 1 on lg
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/full/full.css, line 9220
6.8.22.2 #Flex - Size - 4:1 - md .fls-md-4-1
Sets flex-grow to 4 and flex-shrink to 1 on md.
Examples
Default styling
A div
B div
C div
.fls-md-4-1
Sets flex-grow to 4 and flex-shrink to 1 on md
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/full/full.css, line 7279
6.8.22.3 #Flex - Size - 4:1 - sm .fls-sm-4-1
Sets flex-grow to 4 and flex-shrink to 1 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-4-1
Sets flex-grow to 4 and flex-shrink to 1 on sm
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/full/full.css, line 5338
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/full/full.css, line 3308
6.8.23.1 #Flex - Size - 4:2 - lg .fls-lg-4-2
Sets flex-grow to 4 and flex-shrink to 2 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-4-2
Sets flex-grow to 4 and flex-shrink to 2 on lg
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/full/full.css, line 9237
6.8.23.2 #Flex - Size - 4:2 - md .fls-md-4-2
Sets flex-grow to 4 and flex-shrink to 2 on md.
Examples
Default styling
A div
B div
C div
.fls-md-4-2
Sets flex-grow to 4 and flex-shrink to 2 on md
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/full/full.css, line 7296
6.8.23.3 #Flex - Size - 4:2 - sm .fls-sm-4-2
Sets flex-grow to 4 and flex-shrink to 2 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-4-2
Sets flex-grow to 4 and flex-shrink to 2 on sm
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/full/full.css, line 5355
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/full/full.css, line 3325
6.8.24.1 #Flex - Size - 4:3 - lg .fls-lg-4-3
Sets flex-grow to 4 and flex-shrink to 3 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-4-3
Sets flex-grow to 4 and flex-shrink to 3 on lg
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/full/full.css, line 9254
6.8.24.2 #Flex - Size - 4:3 - md .fls-md-4-3
Sets flex-grow to 4 and flex-shrink to 3 on md.
Examples
Default styling
A div
B div
C div
.fls-md-4-3
Sets flex-grow to 4 and flex-shrink to 3 on md
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/full/full.css, line 7313
6.8.24.3 #Flex - Size - 4:3 - sm .fls-sm-4-3
Sets flex-grow to 4 and flex-shrink to 3 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-4-3
Sets flex-grow to 4 and flex-shrink to 3 on sm
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/full/full.css, line 5372
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/full/full.css, line 3342
6.8.25.1 #Flex - Size - 4:4 - lg .fls-lg-4-4
Sets flex-grow to 4 and flex-shrink to 4 on lg.
Examples
Default styling
A div
B div
C div
.fls-lg-4-4
Sets flex-grow to 4 and flex-shrink to 4 on lg
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/full/full.css, line 9271
6.8.25.2 #Flex - Size - 4:4 - md .fls-md-4-4
Sets flex-grow to 4 and flex-shrink to 4 on md.
Examples
Default styling
A div
B div
C div
.fls-md-4-4
Sets flex-grow to 4 and flex-shrink to 4 on md
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/full/full.css, line 7330
6.8.25.3 #Flex - Size - 4:4 - sm .fls-sm-4-4
Sets flex-grow to 4 and flex-shrink to 4 on sm.
Examples
Default styling
A div
B div
C div
.fls-sm-4-4
Sets flex-grow to 4 and flex-shrink to 4 on sm
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/full/full.css, line 5389
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/full/full.css, line 3558
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/full/full.css, line 3565
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/full/full.css, line 3613
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/full/full.css, line 3581
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/full/full.css, line 3597