2 #Child Width Child Width
Classes for setting the width, max-width, an min-width of an element's immediate Children.
Source:
dist/full/full.css, line 21676
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/full/full.css, line 22213
2.1.1 #Child Width - ch0 - lg .vwc[mn,mx]-lg-ch0
Sets the width, max-width, or min-width of an elements immediate children to css var for ch0 on lg.
Examples
Default styling
A div
B div
.vwc-lg-ch0
Sets width of immediate children to ch0 on lg
A div
B div
.vwcmn-lg-ch0
Sets min-width of immediate children to ch0 on lg
A div
B div
.vwcmx-lg-ch0
Sets max-width of immediate children to ch0 on lg
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/full/full.css, line 25699
2.1.2 #Child Width - ch0 - md .vwc[mn,mx]-md-ch0
Sets the width, max-width, or min-width of an elements immediate children to css var for ch0 on md.
Examples
Default styling
A div
B div
.vwc-md-ch0
Sets width of immediate children to ch0 on md
A div
B div
.vwcmn-md-ch0
Sets min-width of immediate children to ch0 on md
A div
B div
.vwcmx-md-ch0
Sets max-width of immediate children to ch0 on md
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/full/full.css, line 24537
2.1.3 #Child Width - ch0 - sm .vwc[mn,mx]-sm-ch0
Sets the width, max-width, or min-width of an elements immediate children to css var for ch0 on sm.
Examples
Default styling
A div
B div
.vwc-sm-ch0
Sets width of immediate children to ch0 on sm
A div
B div
.vwcmn-sm-ch0
Sets min-width of immediate children to ch0 on sm
A div
B div
.vwcmx-sm-ch0
Sets max-width of immediate children to ch0 on sm
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/full/full.css, line 23375
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/full/full.css, line 22256
2.2.1 #Child Width - ch1 - lg .vwc[mn,mx]-lg-ch1
Sets the width, max-width, or min-width of an elements immediate children to css var for ch1 on lg.
Examples
Default styling
A div
B div
.vwc-lg-ch1
Sets width of immediate children to ch1 on lg
A div
B div
.vwcmn-lg-ch1
Sets min-width of immediate children to ch1 on lg
A div
B div
.vwcmx-lg-ch1
Sets max-width of immediate children to ch1 on lg
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/full/full.css, line 25742
2.2.2 #Child Width - ch1 - md .vwc[mn,mx]-md-ch1
Sets the width, max-width, or min-width of an elements immediate children to css var for ch1 on md.
Examples
Default styling
A div
B div
.vwc-md-ch1
Sets width of immediate children to ch1 on md
A div
B div
.vwcmn-md-ch1
Sets min-width of immediate children to ch1 on md
A div
B div
.vwcmx-md-ch1
Sets max-width of immediate children to ch1 on md
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/full/full.css, line 24580
2.2.3 #Child Width - ch1 - sm .vwc[mn,mx]-sm-ch1
Sets the width, max-width, or min-width of an elements immediate children to css var for ch1 on sm.
Examples
Default styling
A div
B div
.vwc-sm-ch1
Sets width of immediate children to ch1 on sm
A div
B div
.vwcmn-sm-ch1
Sets min-width of immediate children to ch1 on sm
A div
B div
.vwcmx-sm-ch1
Sets max-width of immediate children to ch1 on sm
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/full/full.css, line 23418
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/full/full.css, line 22299
2.3.1 #Child Width - ch2 - lg .vwc[mn,mx]-lg-ch2
Sets the width, max-width, or min-width of an elements immediate children to css var for ch2 on lg.
Examples
Default styling
A div
B div
.vwc-lg-ch2
Sets width of immediate children to ch2 on lg
A div
B div
.vwcmn-lg-ch2
Sets min-width of immediate children to ch2 on lg
A div
B div
.vwcmx-lg-ch2
Sets max-width of immediate children to ch2 on lg
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/full/full.css, line 25785
2.3.2 #Child Width - ch2 - md .vwc[mn,mx]-md-ch2
Sets the width, max-width, or min-width of an elements immediate children to css var for ch2 on md.
Examples
Default styling
A div
B div
.vwc-md-ch2
Sets width of immediate children to ch2 on md
A div
B div
.vwcmn-md-ch2
Sets min-width of immediate children to ch2 on md
A div
B div
.vwcmx-md-ch2
Sets max-width of immediate children to ch2 on md
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/full/full.css, line 24623
2.3.3 #Child Width - ch2 - sm .vwc[mn,mx]-sm-ch2
Sets the width, max-width, or min-width of an elements immediate children to css var for ch2 on sm.
Examples
Default styling
A div
B div
.vwc-sm-ch2
Sets width of immediate children to ch2 on sm
A div
B div
.vwcmn-sm-ch2
Sets min-width of immediate children to ch2 on sm
A div
B div
.vwcmx-sm-ch2
Sets max-width of immediate children to ch2 on sm
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/full/full.css, line 23461
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/full/full.css, line 22342
2.4.1 #Child Width - ch3 - lg .vwc[mn,mx]-lg-ch3
Sets the width, max-width, or min-width of an elements immediate children to css var for ch3 on lg.
Examples
Default styling
A div
B div
.vwc-lg-ch3
Sets width of immediate children to ch3 on lg
A div
B div
.vwcmn-lg-ch3
Sets min-width of immediate children to ch3 on lg
A div
B div
.vwcmx-lg-ch3
Sets max-width of immediate children to ch3 on lg
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/full/full.css, line 25828
2.4.2 #Child Width - ch3 - md .vwc[mn,mx]-md-ch3
Sets the width, max-width, or min-width of an elements immediate children to css var for ch3 on md.
Examples
Default styling
A div
B div
.vwc-md-ch3
Sets width of immediate children to ch3 on md
A div
B div
.vwcmn-md-ch3
Sets min-width of immediate children to ch3 on md
A div
B div
.vwcmx-md-ch3
Sets max-width of immediate children to ch3 on md
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/full/full.css, line 24666
2.4.3 #Child Width - ch3 - sm .vwc[mn,mx]-sm-ch3
Sets the width, max-width, or min-width of an elements immediate children to css var for ch3 on sm.
Examples
Default styling
A div
B div
.vwc-sm-ch3
Sets width of immediate children to ch3 on sm
A div
B div
.vwcmn-sm-ch3
Sets min-width of immediate children to ch3 on sm
A div
B div
.vwcmx-sm-ch3
Sets max-width of immediate children to ch3 on sm
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/full/full.css, line 23504
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/full/full.css, line 22385
2.5.1 #Child Width - ch4 - lg .vwc[mn,mx]-lg-ch4
Sets the width, max-width, or min-width of an elements immediate children to css var for ch4 on lg.
Examples
Default styling
A div
B div
.vwc-lg-ch4
Sets width of immediate children to ch4 on lg
A div
B div
.vwcmn-lg-ch4
Sets min-width of immediate children to ch4 on lg
A div
B div
.vwcmx-lg-ch4
Sets max-width of immediate children to ch4 on lg
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/full/full.css, line 25871
2.5.2 #Child Width - ch4 - md .vwc[mn,mx]-md-ch4
Sets the width, max-width, or min-width of an elements immediate children to css var for ch4 on md.
Examples
Default styling
A div
B div
.vwc-md-ch4
Sets width of immediate children to ch4 on md
A div
B div
.vwcmn-md-ch4
Sets min-width of immediate children to ch4 on md
A div
B div
.vwcmx-md-ch4
Sets max-width of immediate children to ch4 on md
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/full/full.css, line 24709
2.5.3 #Child Width - ch4 - sm .vwc[mn,mx]-sm-ch4
Sets the width, max-width, or min-width of an elements immediate children to css var for ch4 on sm.
Examples
Default styling
A div
B div
.vwc-sm-ch4
Sets width of immediate children to ch4 on sm
A div
B div
.vwcmn-sm-ch4
Sets min-width of immediate children to ch4 on sm
A div
B div
.vwcmx-sm-ch4
Sets max-width of immediate children to ch4 on sm
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/full/full.css, line 23547
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/full/full.css, line 22600
2.6.1 #Child Width - em0 - lg .vwc[mn,mx]-lg-em0
Sets the width, max-width, or min-width of an elements immediate children to css var for em0 on lg.
Examples
Default styling
A div
B div
.vwc-lg-em0
Sets width of immediate children to em0 on lg
A div
B div
.vwcmn-lg-em0
Sets min-width of immediate children to em0 on lg
A div
B div
.vwcmx-lg-em0
Sets max-width of immediate children to em0 on lg
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/full/full.css, line 26086
2.6.2 #Child Width - em0 - md .vwc[mn,mx]-md-em0
Sets the width, max-width, or min-width of an elements immediate children to css var for em0 on md.
Examples
Default styling
A div
B div
.vwc-md-em0
Sets width of immediate children to em0 on md
A div
B div
.vwcmn-md-em0
Sets min-width of immediate children to em0 on md
A div
B div
.vwcmx-md-em0
Sets max-width of immediate children to em0 on md
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/full/full.css, line 24924
2.6.3 #Child Width - em0 - sm .vwc[mn,mx]-sm-em0
Sets the width, max-width, or min-width of an elements immediate children to css var for em0 on sm.
Examples
Default styling
A div
B div
.vwc-sm-em0
Sets width of immediate children to em0 on sm
A div
B div
.vwcmn-sm-em0
Sets min-width of immediate children to em0 on sm
A div
B div
.vwcmx-sm-em0
Sets max-width of immediate children to em0 on sm
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/full/full.css, line 23762
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/full/full.css, line 22643
2.7.1 #Child Width - em1 - lg .vwc[mn,mx]-lg-em1
Sets the width, max-width, or min-width of an elements immediate children to css var for em1 on lg.
Examples
Default styling
A div
B div
.vwc-lg-em1
Sets width of immediate children to em1 on lg
A div
B div
.vwcmn-lg-em1
Sets min-width of immediate children to em1 on lg
A div
B div
.vwcmx-lg-em1
Sets max-width of immediate children to em1 on lg
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/full/full.css, line 26129
2.7.2 #Child Width - em1 - md .vwc[mn,mx]-md-em1
Sets the width, max-width, or min-width of an elements immediate children to css var for em1 on md.
Examples
Default styling
A div
B div
.vwc-md-em1
Sets width of immediate children to em1 on md
A div
B div
.vwcmn-md-em1
Sets min-width of immediate children to em1 on md
A div
B div
.vwcmx-md-em1
Sets max-width of immediate children to em1 on md
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/full/full.css, line 24967
2.7.3 #Child Width - em1 - sm .vwc[mn,mx]-sm-em1
Sets the width, max-width, or min-width of an elements immediate children to css var for em1 on sm.
Examples
Default styling
A div
B div
.vwc-sm-em1
Sets width of immediate children to em1 on sm
A div
B div
.vwcmn-sm-em1
Sets min-width of immediate children to em1 on sm
A div
B div
.vwcmx-sm-em1
Sets max-width of immediate children to em1 on sm
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/full/full.css, line 23805
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/full/full.css, line 22686
2.8.1 #Child Width - em2 - lg .vwc[mn,mx]-lg-em2
Sets the width, max-width, or min-width of an elements immediate children to css var for em2 on lg.
Examples
Default styling
A div
B div
.vwc-lg-em2
Sets width of immediate children to em2 on lg
A div
B div
.vwcmn-lg-em2
Sets min-width of immediate children to em2 on lg
A div
B div
.vwcmx-lg-em2
Sets max-width of immediate children to em2 on lg
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/full/full.css, line 26172
2.8.2 #Child Width - em2 - md .vwc[mn,mx]-md-em2
Sets the width, max-width, or min-width of an elements immediate children to css var for em2 on md.
Examples
Default styling
A div
B div
.vwc-md-em2
Sets width of immediate children to em2 on md
A div
B div
.vwcmn-md-em2
Sets min-width of immediate children to em2 on md
A div
B div
.vwcmx-md-em2
Sets max-width of immediate children to em2 on md
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/full/full.css, line 25010
2.8.3 #Child Width - em2 - sm .vwc[mn,mx]-sm-em2
Sets the width, max-width, or min-width of an elements immediate children to css var for em2 on sm.
Examples
Default styling
A div
B div
.vwc-sm-em2
Sets width of immediate children to em2 on sm
A div
B div
.vwcmn-sm-em2
Sets min-width of immediate children to em2 on sm
A div
B div
.vwcmx-sm-em2
Sets max-width of immediate children to em2 on sm
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/full/full.css, line 23848
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/full/full.css, line 21697
2.9.1 #Child Width - p10 - lg .vwc[mn,mx]-lg-p10
Sets the width, max-width, or min-width of an elements immediate children to css var for p10 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p10
Sets width of immediate children to p10 on lg
A div
B div
.vwcmn-lg-p10
Sets min-width of immediate children to p10 on lg
A div
B div
.vwcmx-lg-p10
Sets max-width of immediate children to p10 on lg
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/full/full.css, line 25183
2.9.2 #Child Width - p10 - md .vwc[mn,mx]-md-p10
Sets the width, max-width, or min-width of an elements immediate children to css var for p10 on md.
Examples
Default styling
A div
B div
.vwc-md-p10
Sets width of immediate children to p10 on md
A div
B div
.vwcmn-md-p10
Sets min-width of immediate children to p10 on md
A div
B div
.vwcmx-md-p10
Sets max-width of immediate children to p10 on md
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/full/full.css, line 24021
2.9.3 #Child Width - p10 - sm .vwc[mn,mx]-sm-p10
Sets the width, max-width, or min-width of an elements immediate children to css var for p10 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p10
Sets width of immediate children to p10 on sm
A div
B div
.vwcmn-sm-p10
Sets min-width of immediate children to p10 on sm
A div
B div
.vwcmx-sm-p10
Sets max-width of immediate children to p10 on sm
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/full/full.css, line 22859
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/full/full.css, line 22170
2.10.1 #Child Width - p100 - lg .vwc[mn,mx]-lg-p100
Sets the width, max-width, or min-width of an elements immediate children to css var for p100 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p100
Sets width of immediate children to p100 on lg
A div
B div
.vwcmn-lg-p100
Sets min-width of immediate children to p100 on lg
A div
B div
.vwcmx-lg-p100
Sets max-width of immediate children to p100 on lg
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/full/full.css, line 25656
2.10.2 #Child Width - p100 - md .vwc[mn,mx]-md-p100
Sets the width, max-width, or min-width of an elements immediate children to css var for p100 on md.
Examples
Default styling
A div
B div
.vwc-md-p100
Sets width of immediate children to p100 on md
A div
B div
.vwcmn-md-p100
Sets min-width of immediate children to p100 on md
A div
B div
.vwcmx-md-p100
Sets max-width of immediate children to p100 on md
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/full/full.css, line 24494
2.10.3 #Child Width - p100 - sm .vwc[mn,mx]-sm-p100
Sets the width, max-width, or min-width of an elements immediate children to css var for p100 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p100
Sets width of immediate children to p100 on sm
A div
B div
.vwcmn-sm-p100
Sets min-width of immediate children to p100 on sm
A div
B div
.vwcmx-sm-p100
Sets max-width of immediate children to p100 on sm
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/full/full.css, line 23332
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/full/full.css, line 21740
2.11.1 #Child Width - p20 - lg .vwc[mn,mx]-lg-p20
Sets the width, max-width, or min-width of an elements immediate children to css var for p20 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p20
Sets width of immediate children to p20 on lg
A div
B div
.vwcmn-lg-p20
Sets min-width of immediate children to p20 on lg
A div
B div
.vwcmx-lg-p20
Sets max-width of immediate children to p20 on lg
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/full/full.css, line 25226
2.11.2 #Child Width - p20 - md .vwc[mn,mx]-md-p20
Sets the width, max-width, or min-width of an elements immediate children to css var for p20 on md.
Examples
Default styling
A div
B div
.vwc-md-p20
Sets width of immediate children to p20 on md
A div
B div
.vwcmn-md-p20
Sets min-width of immediate children to p20 on md
A div
B div
.vwcmx-md-p20
Sets max-width of immediate children to p20 on md
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/full/full.css, line 24064
2.11.3 #Child Width - p20 - sm .vwc[mn,mx]-sm-p20
Sets the width, max-width, or min-width of an elements immediate children to css var for p20 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p20
Sets width of immediate children to p20 on sm
A div
B div
.vwcmn-sm-p20
Sets min-width of immediate children to p20 on sm
A div
B div
.vwcmx-sm-p20
Sets max-width of immediate children to p20 on sm
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/full/full.css, line 22902
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/full/full.css, line 21783
2.12.1 #Child Width - p25 - lg .vwc[mn,mx]-lg-p25
Sets the width, max-width, or min-width of an elements immediate children to css var for p25 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p25
Sets width of immediate children to p25 on lg
A div
B div
.vwcmn-lg-p25
Sets min-width of immediate children to p25 on lg
A div
B div
.vwcmx-lg-p25
Sets max-width of immediate children to p25 on lg
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/full/full.css, line 25269
2.12.2 #Child Width - p25 - md .vwc[mn,mx]-md-p25
Sets the width, max-width, or min-width of an elements immediate children to css var for p25 on md.
Examples
Default styling
A div
B div
.vwc-md-p25
Sets width of immediate children to p25 on md
A div
B div
.vwcmn-md-p25
Sets min-width of immediate children to p25 on md
A div
B div
.vwcmx-md-p25
Sets max-width of immediate children to p25 on md
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/full/full.css, line 24107
2.12.3 #Child Width - p25 - sm .vwc[mn,mx]-sm-p25
Sets the width, max-width, or min-width of an elements immediate children to css var for p25 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p25
Sets width of immediate children to p25 on sm
A div
B div
.vwcmn-sm-p25
Sets min-width of immediate children to p25 on sm
A div
B div
.vwcmx-sm-p25
Sets max-width of immediate children to p25 on sm
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/full/full.css, line 22945
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/full/full.css, line 21826
2.13.1 #Child Width - p30 - lg .vwc[mn,mx]-lg-p30
Sets the width, max-width, or min-width of an elements immediate children to css var for p30 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p30
Sets width of immediate children to p30 on lg
A div
B div
.vwcmn-lg-p30
Sets min-width of immediate children to p30 on lg
A div
B div
.vwcmx-lg-p30
Sets max-width of immediate children to p30 on lg
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/full/full.css, line 25312
2.13.2 #Child Width - p30 - md .vwc[mn,mx]-md-p30
Sets the width, max-width, or min-width of an elements immediate children to css var for p30 on md.
Examples
Default styling
A div
B div
.vwc-md-p30
Sets width of immediate children to p30 on md
A div
B div
.vwcmn-md-p30
Sets min-width of immediate children to p30 on md
A div
B div
.vwcmx-md-p30
Sets max-width of immediate children to p30 on md
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/full/full.css, line 24150
2.13.3 #Child Width - p30 - sm .vwc[mn,mx]-sm-p30
Sets the width, max-width, or min-width of an elements immediate children to css var for p30 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p30
Sets width of immediate children to p30 on sm
A div
B div
.vwcmn-sm-p30
Sets min-width of immediate children to p30 on sm
A div
B div
.vwcmx-sm-p30
Sets max-width of immediate children to p30 on sm
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/full/full.css, line 22988
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/full/full.css, line 21869
2.14.1 #Child Width - p40 - lg .vwc[mn,mx]-lg-p40
Sets the width, max-width, or min-width of an elements immediate children to css var for p40 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p40
Sets width of immediate children to p40 on lg
A div
B div
.vwcmn-lg-p40
Sets min-width of immediate children to p40 on lg
A div
B div
.vwcmx-lg-p40
Sets max-width of immediate children to p40 on lg
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/full/full.css, line 25355
2.14.2 #Child Width - p40 - md .vwc[mn,mx]-md-p40
Sets the width, max-width, or min-width of an elements immediate children to css var for p40 on md.
Examples
Default styling
A div
B div
.vwc-md-p40
Sets width of immediate children to p40 on md
A div
B div
.vwcmn-md-p40
Sets min-width of immediate children to p40 on md
A div
B div
.vwcmx-md-p40
Sets max-width of immediate children to p40 on md
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/full/full.css, line 24193
2.14.3 #Child Width - p40 - sm .vwc[mn,mx]-sm-p40
Sets the width, max-width, or min-width of an elements immediate children to css var for p40 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p40
Sets width of immediate children to p40 on sm
A div
B div
.vwcmn-sm-p40
Sets min-width of immediate children to p40 on sm
A div
B div
.vwcmx-sm-p40
Sets max-width of immediate children to p40 on sm
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/full/full.css, line 23031
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/full/full.css, line 21912
2.15.1 #Child Width - p50 - lg .vwc[mn,mx]-lg-p50
Sets the width, max-width, or min-width of an elements immediate children to css var for p50 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p50
Sets width of immediate children to p50 on lg
A div
B div
.vwcmn-lg-p50
Sets min-width of immediate children to p50 on lg
A div
B div
.vwcmx-lg-p50
Sets max-width of immediate children to p50 on lg
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/full/full.css, line 25398
2.15.2 #Child Width - p50 - md .vwc[mn,mx]-md-p50
Sets the width, max-width, or min-width of an elements immediate children to css var for p50 on md.
Examples
Default styling
A div
B div
.vwc-md-p50
Sets width of immediate children to p50 on md
A div
B div
.vwcmn-md-p50
Sets min-width of immediate children to p50 on md
A div
B div
.vwcmx-md-p50
Sets max-width of immediate children to p50 on md
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/full/full.css, line 24236
2.15.3 #Child Width - p50 - sm .vwc[mn,mx]-sm-p50
Sets the width, max-width, or min-width of an elements immediate children to css var for p50 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p50
Sets width of immediate children to p50 on sm
A div
B div
.vwcmn-sm-p50
Sets min-width of immediate children to p50 on sm
A div
B div
.vwcmx-sm-p50
Sets max-width of immediate children to p50 on sm
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/full/full.css, line 23074
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/full/full.css, line 21955
2.16.1 #Child Width - p60 - lg .vwc[mn,mx]-lg-p60
Sets the width, max-width, or min-width of an elements immediate children to css var for p60 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p60
Sets width of immediate children to p60 on lg
A div
B div
.vwcmn-lg-p60
Sets min-width of immediate children to p60 on lg
A div
B div
.vwcmx-lg-p60
Sets max-width of immediate children to p60 on lg
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/full/full.css, line 25441
2.16.2 #Child Width - p60 - md .vwc[mn,mx]-md-p60
Sets the width, max-width, or min-width of an elements immediate children to css var for p60 on md.
Examples
Default styling
A div
B div
.vwc-md-p60
Sets width of immediate children to p60 on md
A div
B div
.vwcmn-md-p60
Sets min-width of immediate children to p60 on md
A div
B div
.vwcmx-md-p60
Sets max-width of immediate children to p60 on md
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/full/full.css, line 24279
2.16.3 #Child Width - p60 - sm .vwc[mn,mx]-sm-p60
Sets the width, max-width, or min-width of an elements immediate children to css var for p60 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p60
Sets width of immediate children to p60 on sm
A div
B div
.vwcmn-sm-p60
Sets min-width of immediate children to p60 on sm
A div
B div
.vwcmx-sm-p60
Sets max-width of immediate children to p60 on sm
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/full/full.css, line 23117
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/full/full.css, line 21998
2.17.1 #Child Width - p70 - lg .vwc[mn,mx]-lg-p70
Sets the width, max-width, or min-width of an elements immediate children to css var for p70 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p70
Sets width of immediate children to p70 on lg
A div
B div
.vwcmn-lg-p70
Sets min-width of immediate children to p70 on lg
A div
B div
.vwcmx-lg-p70
Sets max-width of immediate children to p70 on lg
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/full/full.css, line 25484
2.17.2 #Child Width - p70 - md .vwc[mn,mx]-md-p70
Sets the width, max-width, or min-width of an elements immediate children to css var for p70 on md.
Examples
Default styling
A div
B div
.vwc-md-p70
Sets width of immediate children to p70 on md
A div
B div
.vwcmn-md-p70
Sets min-width of immediate children to p70 on md
A div
B div
.vwcmx-md-p70
Sets max-width of immediate children to p70 on md
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/full/full.css, line 24322
2.17.3 #Child Width - p70 - sm .vwc[mn,mx]-sm-p70
Sets the width, max-width, or min-width of an elements immediate children to css var for p70 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p70
Sets width of immediate children to p70 on sm
A div
B div
.vwcmn-sm-p70
Sets min-width of immediate children to p70 on sm
A div
B div
.vwcmx-sm-p70
Sets max-width of immediate children to p70 on sm
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/full/full.css, line 23160
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/full/full.css, line 22041
2.18.1 #Child Width - p75 - lg .vwc[mn,mx]-lg-p75
Sets the width, max-width, or min-width of an elements immediate children to css var for p75 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p75
Sets width of immediate children to p75 on lg
A div
B div
.vwcmn-lg-p75
Sets min-width of immediate children to p75 on lg
A div
B div
.vwcmx-lg-p75
Sets max-width of immediate children to p75 on lg
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/full/full.css, line 25527
2.18.2 #Child Width - p75 - md .vwc[mn,mx]-md-p75
Sets the width, max-width, or min-width of an elements immediate children to css var for p75 on md.
Examples
Default styling
A div
B div
.vwc-md-p75
Sets width of immediate children to p75 on md
A div
B div
.vwcmn-md-p75
Sets min-width of immediate children to p75 on md
A div
B div
.vwcmx-md-p75
Sets max-width of immediate children to p75 on md
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/full/full.css, line 24365
2.18.3 #Child Width - p75 - sm .vwc[mn,mx]-sm-p75
Sets the width, max-width, or min-width of an elements immediate children to css var for p75 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p75
Sets width of immediate children to p75 on sm
A div
B div
.vwcmn-sm-p75
Sets min-width of immediate children to p75 on sm
A div
B div
.vwcmx-sm-p75
Sets max-width of immediate children to p75 on sm
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/full/full.css, line 23203
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/full/full.css, line 22084
2.19.1 #Child Width - p80 - lg .vwc[mn,mx]-lg-p80
Sets the width, max-width, or min-width of an elements immediate children to css var for p80 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p80
Sets width of immediate children to p80 on lg
A div
B div
.vwcmn-lg-p80
Sets min-width of immediate children to p80 on lg
A div
B div
.vwcmx-lg-p80
Sets max-width of immediate children to p80 on lg
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/full/full.css, line 25570
2.19.2 #Child Width - p80 - md .vwc[mn,mx]-md-p80
Sets the width, max-width, or min-width of an elements immediate children to css var for p80 on md.
Examples
Default styling
A div
B div
.vwc-md-p80
Sets width of immediate children to p80 on md
A div
B div
.vwcmn-md-p80
Sets min-width of immediate children to p80 on md
A div
B div
.vwcmx-md-p80
Sets max-width of immediate children to p80 on md
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/full/full.css, line 24408
2.19.3 #Child Width - p80 - sm .vwc[mn,mx]-sm-p80
Sets the width, max-width, or min-width of an elements immediate children to css var for p80 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p80
Sets width of immediate children to p80 on sm
A div
B div
.vwcmn-sm-p80
Sets min-width of immediate children to p80 on sm
A div
B div
.vwcmx-sm-p80
Sets max-width of immediate children to p80 on sm
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/full/full.css, line 23246
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/full/full.css, line 22127
2.20.1 #Child Width - p90 - lg .vwc[mn,mx]-lg-p90
Sets the width, max-width, or min-width of an elements immediate children to css var for p90 on lg.
Examples
Default styling
A div
B div
.vwc-lg-p90
Sets width of immediate children to p90 on lg
A div
B div
.vwcmn-lg-p90
Sets min-width of immediate children to p90 on lg
A div
B div
.vwcmx-lg-p90
Sets max-width of immediate children to p90 on lg
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/full/full.css, line 25613
2.20.2 #Child Width - p90 - md .vwc[mn,mx]-md-p90
Sets the width, max-width, or min-width of an elements immediate children to css var for p90 on md.
Examples
Default styling
A div
B div
.vwc-md-p90
Sets width of immediate children to p90 on md
A div
B div
.vwcmn-md-p90
Sets min-width of immediate children to p90 on md
A div
B div
.vwcmx-md-p90
Sets max-width of immediate children to p90 on md
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/full/full.css, line 24451
2.20.3 #Child Width - p90 - sm .vwc[mn,mx]-sm-p90
Sets the width, max-width, or min-width of an elements immediate children to css var for p90 on sm.
Examples
Default styling
A div
B div
.vwc-sm-p90
Sets width of immediate children to p90 on sm
A div
B div
.vwcmn-sm-p90
Sets min-width of immediate children to p90 on sm
A div
B div
.vwcmx-sm-p90
Sets max-width of immediate children to p90 on sm
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/full/full.css, line 23289
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/full/full.css, line 22428
2.21.1 #Child Width - px0 - lg .vwc[mn,mx]-lg-px0
Sets the width, max-width, or min-width of an elements immediate children to css var for px0 on lg.
Examples
Default styling
A div
B div
.vwc-lg-px0
Sets width of immediate children to px0 on lg
A div
B div
.vwcmn-lg-px0
Sets min-width of immediate children to px0 on lg
A div
B div
.vwcmx-lg-px0
Sets max-width of immediate children to px0 on lg
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/full/full.css, line 25914
2.21.2 #Child Width - px0 - md .vwc[mn,mx]-md-px0
Sets the width, max-width, or min-width of an elements immediate children to css var for px0 on md.
Examples
Default styling
A div
B div
.vwc-md-px0
Sets width of immediate children to px0 on md
A div
B div
.vwcmn-md-px0
Sets min-width of immediate children to px0 on md
A div
B div
.vwcmx-md-px0
Sets max-width of immediate children to px0 on md
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/full/full.css, line 24752
2.21.3 #Child Width - px0 - sm .vwc[mn,mx]-sm-px0
Sets the width, max-width, or min-width of an elements immediate children to css var for px0 on sm.
Examples
Default styling
A div
B div
.vwc-sm-px0
Sets width of immediate children to px0 on sm
A div
B div
.vwcmn-sm-px0
Sets min-width of immediate children to px0 on sm
A div
B div
.vwcmx-sm-px0
Sets max-width of immediate children to px0 on sm
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/full/full.css, line 23590
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/full/full.css, line 22471
2.22.1 #Child Width - px1 - lg .vwc[mn,mx]-lg-px1
Sets the width, max-width, or min-width of an elements immediate children to css var for px1 on lg.
Examples
Default styling
A div
B div
.vwc-lg-px1
Sets width of immediate children to px1 on lg
A div
B div
.vwcmn-lg-px1
Sets min-width of immediate children to px1 on lg
A div
B div
.vwcmx-lg-px1
Sets max-width of immediate children to px1 on lg
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/full/full.css, line 25957
2.22.2 #Child Width - px1 - md .vwc[mn,mx]-md-px1
Sets the width, max-width, or min-width of an elements immediate children to css var for px1 on md.
Examples
Default styling
A div
B div
.vwc-md-px1
Sets width of immediate children to px1 on md
A div
B div
.vwcmn-md-px1
Sets min-width of immediate children to px1 on md
A div
B div
.vwcmx-md-px1
Sets max-width of immediate children to px1 on md
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/full/full.css, line 24795
2.22.3 #Child Width - px1 - sm .vwc[mn,mx]-sm-px1
Sets the width, max-width, or min-width of an elements immediate children to css var for px1 on sm.
Examples
Default styling
A div
B div
.vwc-sm-px1
Sets width of immediate children to px1 on sm
A div
B div
.vwcmn-sm-px1
Sets min-width of immediate children to px1 on sm
A div
B div
.vwcmx-sm-px1
Sets max-width of immediate children to px1 on sm
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/full/full.css, line 23633
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/full/full.css, line 22514
2.23.1 #Child Width - px2 - lg .vwc[mn,mx]-lg-px2
Sets the width, max-width, or min-width of an elements immediate children to css var for px2 on lg.
Examples
Default styling
A div
B div
.vwc-lg-px2
Sets width of immediate children to px2 on lg
A div
B div
.vwcmn-lg-px2
Sets min-width of immediate children to px2 on lg
A div
B div
.vwcmx-lg-px2
Sets max-width of immediate children to px2 on lg
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/full/full.css, line 26000
2.23.2 #Child Width - px2 - md .vwc[mn,mx]-md-px2
Sets the width, max-width, or min-width of an elements immediate children to css var for px2 on md.
Examples
Default styling
A div
B div
.vwc-md-px2
Sets width of immediate children to px2 on md
A div
B div
.vwcmn-md-px2
Sets min-width of immediate children to px2 on md
A div
B div
.vwcmx-md-px2
Sets max-width of immediate children to px2 on md
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/full/full.css, line 24838
2.23.3 #Child Width - px2 - sm .vwc[mn,mx]-sm-px2
Sets the width, max-width, or min-width of an elements immediate children to css var for px2 on sm.
Examples
Default styling
A div
B div
.vwc-sm-px2
Sets width of immediate children to px2 on sm
A div
B div
.vwcmn-sm-px2
Sets min-width of immediate children to px2 on sm
A div
B div
.vwcmx-sm-px2
Sets max-width of immediate children to px2 on sm
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/full/full.css, line 23676
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/full/full.css, line 22557
2.24.1 #Child Width - px3 - lg .vwc[mn,mx]-lg-px3
Sets the width, max-width, or min-width of an elements immediate children to css var for px3 on lg.
Examples
Default styling
A div
B div
.vwc-lg-px3
Sets width of immediate children to px3 on lg
A div
B div
.vwcmn-lg-px3
Sets min-width of immediate children to px3 on lg
A div
B div
.vwcmx-lg-px3
Sets max-width of immediate children to px3 on lg
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/full/full.css, line 26043
2.24.2 #Child Width - px3 - md .vwc[mn,mx]-md-px3
Sets the width, max-width, or min-width of an elements immediate children to css var for px3 on md.
Examples
Default styling
A div
B div
.vwc-md-px3
Sets width of immediate children to px3 on md
A div
B div
.vwcmn-md-px3
Sets min-width of immediate children to px3 on md
A div
B div
.vwcmx-md-px3
Sets max-width of immediate children to px3 on md
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/full/full.css, line 24881
2.24.3 #Child Width - px3 - sm .vwc[mn,mx]-sm-px3
Sets the width, max-width, or min-width of an elements immediate children to css var for px3 on sm.
Examples
Default styling
A div
B div
.vwc-sm-px3
Sets width of immediate children to px3 on sm
A div
B div
.vwcmn-sm-px3
Sets min-width of immediate children to px3 on sm
A div
B div
.vwcmx-sm-px3
Sets max-width of immediate children to px3 on sm
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/full/full.css, line 23719
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/full/full.css, line 22729
2.25.1 #Child Width - rem0 - lg .vwc[mn,mx]-lg-rem0
Sets the width, max-width, or min-width of an elements immediate children to css var for rem0 on lg.
Examples
Default styling
A div
B div
.vwc-lg-rem0
Sets width of immediate children to rem0 on lg
A div
B div
.vwcmn-lg-rem0
Sets min-width of immediate children to rem0 on lg
A div
B div
.vwcmx-lg-rem0
Sets max-width of immediate children to rem0 on lg
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/full/full.css, line 26215
2.25.2 #Child Width - rem0 - md .vwc[mn,mx]-md-rem0
Sets the width, max-width, or min-width of an elements immediate children to css var for rem0 on md.
Examples
Default styling
A div
B div
.vwc-md-rem0
Sets width of immediate children to rem0 on md
A div
B div
.vwcmn-md-rem0
Sets min-width of immediate children to rem0 on md
A div
B div
.vwcmx-md-rem0
Sets max-width of immediate children to rem0 on md
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/full/full.css, line 25053
2.25.3 #Child Width - rem0 - sm .vwc[mn,mx]-sm-rem0
Sets the width, max-width, or min-width of an elements immediate children to css var for rem0 on sm.
Examples
Default styling
A div
B div
.vwc-sm-rem0
Sets width of immediate children to rem0 on sm
A div
B div
.vwcmn-sm-rem0
Sets min-width of immediate children to rem0 on sm
A div
B div
.vwcmx-sm-rem0
Sets max-width of immediate children to rem0 on sm
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/full/full.css, line 23891
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/full/full.css, line 22772
2.26.1 #Child Width - rem1 - lg .vwc[mn,mx]-lg-rem1
Sets the width, max-width, or min-width of an elements immediate children to css var for rem1 on lg.
Examples
Default styling
A div
B div
.vwc-lg-rem1
Sets width of immediate children to rem1 on lg
A div
B div
.vwcmn-lg-rem1
Sets min-width of immediate children to rem1 on lg
A div
B div
.vwcmx-lg-rem1
Sets max-width of immediate children to rem1 on lg
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/full/full.css, line 26258
2.26.2 #Child Width - rem1 - md .vwc[mn,mx]-md-rem1
Sets the width, max-width, or min-width of an elements immediate children to css var for rem1 on md.
Examples
Default styling
A div
B div
.vwc-md-rem1
Sets width of immediate children to rem1 on md
A div
B div
.vwcmn-md-rem1
Sets min-width of immediate children to rem1 on md
A div
B div
.vwcmx-md-rem1
Sets max-width of immediate children to rem1 on md
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/full/full.css, line 25096
2.26.3 #Child Width - rem1 - sm .vwc[mn,mx]-sm-rem1
Sets the width, max-width, or min-width of an elements immediate children to css var for rem1 on sm.
Examples
Default styling
A div
B div
.vwc-sm-rem1
Sets width of immediate children to rem1 on sm
A div
B div
.vwcmn-sm-rem1
Sets min-width of immediate children to rem1 on sm
A div
B div
.vwcmx-sm-rem1
Sets max-width of immediate children to rem1 on sm
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/full/full.css, line 23934
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/full/full.css, line 22815
2.27.1 #Child Width - rem2 - lg .vwc[mn,mx]-lg-rem2
Sets the width, max-width, or min-width of an elements immediate children to css var for rem2 on lg.
Examples
Default styling
A div
B div
.vwc-lg-rem2
Sets width of immediate children to rem2 on lg
A div
B div
.vwcmn-lg-rem2
Sets min-width of immediate children to rem2 on lg
A div
B div
.vwcmx-lg-rem2
Sets max-width of immediate children to rem2 on lg
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/full/full.css, line 26301
2.27.2 #Child Width - rem2 - md .vwc[mn,mx]-md-rem2
Sets the width, max-width, or min-width of an elements immediate children to css var for rem2 on md.
Examples
Default styling
A div
B div
.vwc-md-rem2
Sets width of immediate children to rem2 on md
A div
B div
.vwcmn-md-rem2
Sets min-width of immediate children to rem2 on md
A div
B div
.vwcmx-md-rem2
Sets max-width of immediate children to rem2 on md
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/full/full.css, line 25139
2.27.3 #Child Width - rem2 - sm .vwc[mn,mx]-sm-rem2
Sets the width, max-width, or min-width of an elements immediate children to css var for rem2 on sm.
Examples
Default styling
A div
B div
.vwc-sm-rem2
Sets width of immediate children to rem2 on sm
A div
B div
.vwcmn-sm-rem2
Sets min-width of immediate children to rem2 on sm
A div
B div
.vwcmx-sm-rem2
Sets max-width of immediate children to rem2 on sm
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/full/full.css, line 23977