2 #Child Width Child Width
Classes for setting the width, max-width, an min-width of an element's immediate Children.
Source:
dist/minimal/minimal.css, line 7282
2.1 #Child Width - ch0 .vwc[mx,mn]-ch0
Sets the width, max-width, or min-width of an elements immediate children to css var for ch0.
Examples
Default styling
A div
B div
.vwc-ch0
Sets width of immediate children to ch0
A div
B div
.vwcmn-ch0
Sets min-width of immediate children to ch0
A div
B div
.vwcmx-ch0
Sets max-width of immediate children to ch0
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7819
2.2 #Child Width - ch1 .vwc[mx,mn]-ch1
Sets the width, max-width, or min-width of an elements immediate children to css var for ch1.
Examples
Default styling
A div
B div
.vwc-ch1
Sets width of immediate children to ch1
A div
B div
.vwcmn-ch1
Sets min-width of immediate children to ch1
A div
B div
.vwcmx-ch1
Sets max-width of immediate children to ch1
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7862
2.3 #Child Width - ch2 .vwc[mx,mn]-ch2
Sets the width, max-width, or min-width of an elements immediate children to css var for ch2.
Examples
Default styling
A div
B div
.vwc-ch2
Sets width of immediate children to ch2
A div
B div
.vwcmn-ch2
Sets min-width of immediate children to ch2
A div
B div
.vwcmx-ch2
Sets max-width of immediate children to ch2
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7905
2.4 #Child Width - ch3 .vwc[mx,mn]-ch3
Sets the width, max-width, or min-width of an elements immediate children to css var for ch3.
Examples
Default styling
A div
B div
.vwc-ch3
Sets width of immediate children to ch3
A div
B div
.vwcmn-ch3
Sets min-width of immediate children to ch3
A div
B div
.vwcmx-ch3
Sets max-width of immediate children to ch3
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7948
2.5 #Child Width - ch4 .vwc[mx,mn]-ch4
Sets the width, max-width, or min-width of an elements immediate children to css var for ch4.
Examples
Default styling
A div
B div
.vwc-ch4
Sets width of immediate children to ch4
A div
B div
.vwcmn-ch4
Sets min-width of immediate children to ch4
A div
B div
.vwcmx-ch4
Sets max-width of immediate children to ch4
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7991
2.6 #Child Width - em0 .vwc[mx,mn]-em0
Sets the width, max-width, or min-width of an elements immediate children to css var for em0.
Examples
Default styling
A div
B div
.vwc-em0
Sets width of immediate children to em0
A div
B div
.vwcmn-em0
Sets min-width of immediate children to em0
A div
B div
.vwcmx-em0
Sets max-width of immediate children to em0
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8206
2.7 #Child Width - em1 .vwc[mx,mn]-em1
Sets the width, max-width, or min-width of an elements immediate children to css var for em1.
Examples
Default styling
A div
B div
.vwc-em1
Sets width of immediate children to em1
A div
B div
.vwcmn-em1
Sets min-width of immediate children to em1
A div
B div
.vwcmx-em1
Sets max-width of immediate children to em1
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8249
2.8 #Child Width - em2 .vwc[mx,mn]-em2
Sets the width, max-width, or min-width of an elements immediate children to css var for em2.
Examples
Default styling
A div
B div
.vwc-em2
Sets width of immediate children to em2
A div
B div
.vwcmn-em2
Sets min-width of immediate children to em2
A div
B div
.vwcmx-em2
Sets max-width of immediate children to em2
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8292
2.9 #Child Width - p10 .vwc[mx,mn]-p10
Sets the width, max-width, or min-width of an elements immediate children to css var for p10.
Examples
Default styling
A div
B div
.vwc-p10
Sets width of immediate children to p10
A div
B div
.vwcmn-p10
Sets min-width of immediate children to p10
A div
B div
.vwcmx-p10
Sets max-width of immediate children to p10
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7303
2.10 #Child Width - p100 .vwc[mx,mn]-p100
Sets the width, max-width, or min-width of an elements immediate children to css var for p100.
Examples
Default styling
A div
B div
.vwc-p100
Sets width of immediate children to p100
A div
B div
.vwcmn-p100
Sets min-width of immediate children to p100
A div
B div
.vwcmx-p100
Sets max-width of immediate children to p100
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7776
2.11 #Child Width - p20 .vwc[mx,mn]-p20
Sets the width, max-width, or min-width of an elements immediate children to css var for p20.
Examples
Default styling
A div
B div
.vwc-p20
Sets width of immediate children to p20
A div
B div
.vwcmn-p20
Sets min-width of immediate children to p20
A div
B div
.vwcmx-p20
Sets max-width of immediate children to p20
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7346
2.12 #Child Width - p25 .vwc[mx,mn]-p25
Sets the width, max-width, or min-width of an elements immediate children to css var for p25.
Examples
Default styling
A div
B div
.vwc-p25
Sets width of immediate children to p25
A div
B div
.vwcmn-p25
Sets min-width of immediate children to p25
A div
B div
.vwcmx-p25
Sets max-width of immediate children to p25
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7389
2.13 #Child Width - p30 .vwc[mx,mn]-p30
Sets the width, max-width, or min-width of an elements immediate children to css var for p30.
Examples
Default styling
A div
B div
.vwc-p30
Sets width of immediate children to p30
A div
B div
.vwcmn-p30
Sets min-width of immediate children to p30
A div
B div
.vwcmx-p30
Sets max-width of immediate children to p30
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7432
2.14 #Child Width - p40 .vwc[mx,mn]-p40
Sets the width, max-width, or min-width of an elements immediate children to css var for p40.
Examples
Default styling
A div
B div
.vwc-p40
Sets width of immediate children to p40
A div
B div
.vwcmn-p40
Sets min-width of immediate children to p40
A div
B div
.vwcmx-p40
Sets max-width of immediate children to p40
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7475
2.15 #Child Width - p50 .vwc[mx,mn]-p50
Sets the width, max-width, or min-width of an elements immediate children to css var for p50.
Examples
Default styling
A div
B div
.vwc-p50
Sets width of immediate children to p50
A div
B div
.vwcmn-p50
Sets min-width of immediate children to p50
A div
B div
.vwcmx-p50
Sets max-width of immediate children to p50
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7518
2.16 #Child Width - p60 .vwc[mx,mn]-p60
Sets the width, max-width, or min-width of an elements immediate children to css var for p60.
Examples
Default styling
A div
B div
.vwc-p60
Sets width of immediate children to p60
A div
B div
.vwcmn-p60
Sets min-width of immediate children to p60
A div
B div
.vwcmx-p60
Sets max-width of immediate children to p60
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7561
2.17 #Child Width - p70 .vwc[mx,mn]-p70
Sets the width, max-width, or min-width of an elements immediate children to css var for p70.
Examples
Default styling
A div
B div
.vwc-p70
Sets width of immediate children to p70
A div
B div
.vwcmn-p70
Sets min-width of immediate children to p70
A div
B div
.vwcmx-p70
Sets max-width of immediate children to p70
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7604
2.18 #Child Width - p75 .vwc[mx,mn]-p75
Sets the width, max-width, or min-width of an elements immediate children to css var for p75.
Examples
Default styling
A div
B div
.vwc-p75
Sets width of immediate children to p75
A div
B div
.vwcmn-p75
Sets min-width of immediate children to p75
A div
B div
.vwcmx-p75
Sets max-width of immediate children to p75
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7647
2.19 #Child Width - p80 .vwc[mx,mn]-p80
Sets the width, max-width, or min-width of an elements immediate children to css var for p80.
Examples
Default styling
A div
B div
.vwc-p80
Sets width of immediate children to p80
A div
B div
.vwcmn-p80
Sets min-width of immediate children to p80
A div
B div
.vwcmx-p80
Sets max-width of immediate children to p80
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7690
2.20 #Child Width - p90 .vwc[mx,mn]-p90
Sets the width, max-width, or min-width of an elements immediate children to css var for p90.
Examples
Default styling
A div
B div
.vwc-p90
Sets width of immediate children to p90
A div
B div
.vwcmn-p90
Sets min-width of immediate children to p90
A div
B div
.vwcmx-p90
Sets max-width of immediate children to p90
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 7733
2.21 #Child Width - px0 .vwc[mx,mn]-px0
Sets the width, max-width, or min-width of an elements immediate children to css var for px0.
Examples
Default styling
A div
B div
.vwc-px0
Sets width of immediate children to px0
A div
B div
.vwcmn-px0
Sets min-width of immediate children to px0
A div
B div
.vwcmx-px0
Sets max-width of immediate children to px0
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8034
2.22 #Child Width - px1 .vwc[mx,mn]-px1
Sets the width, max-width, or min-width of an elements immediate children to css var for px1.
Examples
Default styling
A div
B div
.vwc-px1
Sets width of immediate children to px1
A div
B div
.vwcmn-px1
Sets min-width of immediate children to px1
A div
B div
.vwcmx-px1
Sets max-width of immediate children to px1
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8077
2.23 #Child Width - px2 .vwc[mx,mn]-px2
Sets the width, max-width, or min-width of an elements immediate children to css var for px2.
Examples
Default styling
A div
B div
.vwc-px2
Sets width of immediate children to px2
A div
B div
.vwcmn-px2
Sets min-width of immediate children to px2
A div
B div
.vwcmx-px2
Sets max-width of immediate children to px2
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8120
2.24 #Child Width - px3 .vwc[mx,mn]-px3
Sets the width, max-width, or min-width of an elements immediate children to css var for px3.
Examples
Default styling
A div
B div
.vwc-px3
Sets width of immediate children to px3
A div
B div
.vwcmn-px3
Sets min-width of immediate children to px3
A div
B div
.vwcmx-px3
Sets max-width of immediate children to px3
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8163
2.25 #Child Width - rem0 .vwc[mx,mn]-rem0
Sets the width, max-width, or min-width of an elements immediate children to css var for rem0.
Examples
Default styling
A div
B div
.vwc-rem0
Sets width of immediate children to rem0
A div
B div
.vwcmn-rem0
Sets min-width of immediate children to rem0
A div
B div
.vwcmx-rem0
Sets max-width of immediate children to rem0
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8335
2.26 #Child Width - rem1 .vwc[mx,mn]-rem1
Sets the width, max-width, or min-width of an elements immediate children to css var for rem1.
Examples
Default styling
A div
B div
.vwc-rem1
Sets width of immediate children to rem1
A div
B div
.vwcmn-rem1
Sets min-width of immediate children to rem1
A div
B div
.vwcmx-rem1
Sets max-width of immediate children to rem1
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8378
2.27 #Child Width - rem2 .vwc[mx,mn]-rem2
Sets the width, max-width, or min-width of an elements immediate children to css var for rem2.
Examples
Default styling
A div
B div
.vwc-rem2
Sets width of immediate children to rem2
A div
B div
.vwcmn-rem2
Sets min-width of immediate children to rem2
A div
B div
.vwcmx-rem2
Sets max-width of immediate children to rem2
A div
B div
Markup
<div class="bwa-1 [modifier class]"><div class="bwa-1">A div</div><div class="bwa-1">B div</div></div>
Source:
dist/minimal/minimal.css, line 8421