KSS Style Guide

34 #Width Width

Classes for setting the width, max-width, an min-width of an element (or its children).

Source: dist/full/full.css, line 21669
Examples
Default styling
A div
.vw-ch0
Sets width to ch0
A div
.vwmn-ch0
Sets min-width to ch0
A div
.vwmx-ch0
Sets max-width to ch0
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22199
Examples
Default styling
A div
.vw-lg-ch0
Sets width to ch0 on lg
A div
.vwmn-lg-ch0
Sets min-width to ch0 on lg
A div
.vwmx-lg-ch0
Sets max-width to ch0 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25685
Examples
Default styling
A div
.vw-md-ch0
Sets width to ch0 on md
A div
.vwmn-md-ch0
Sets min-width to ch0 on md
A div
.vwmx-md-ch0
Sets max-width to ch0 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24523
Examples
Default styling
A div
.vw-sm-ch0
Sets width to ch0 on sm
A div
.vwmn-sm-ch0
Sets min-width to ch0 on sm
A div
.vwmx-sm-ch0
Sets max-width to ch0 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23361
Examples
Default styling
A div
.vw-ch1
Sets width to ch1
A div
.vwmn-ch1
Sets min-width to ch1
A div
.vwmx-ch1
Sets max-width to ch1
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22242
Examples
Default styling
A div
.vw-lg-ch1
Sets width to ch1 on lg
A div
.vwmn-lg-ch1
Sets min-width to ch1 on lg
A div
.vwmx-lg-ch1
Sets max-width to ch1 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25728
Examples
Default styling
A div
.vw-md-ch1
Sets width to ch1 on md
A div
.vwmn-md-ch1
Sets min-width to ch1 on md
A div
.vwmx-md-ch1
Sets max-width to ch1 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24566
Examples
Default styling
A div
.vw-sm-ch1
Sets width to ch1 on sm
A div
.vwmn-sm-ch1
Sets min-width to ch1 on sm
A div
.vwmx-sm-ch1
Sets max-width to ch1 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23404
Examples
Default styling
A div
.vw-ch2
Sets width to ch2
A div
.vwmn-ch2
Sets min-width to ch2
A div
.vwmx-ch2
Sets max-width to ch2
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22285
Examples
Default styling
A div
.vw-lg-ch2
Sets width to ch2 on lg
A div
.vwmn-lg-ch2
Sets min-width to ch2 on lg
A div
.vwmx-lg-ch2
Sets max-width to ch2 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25771
Examples
Default styling
A div
.vw-md-ch2
Sets width to ch2 on md
A div
.vwmn-md-ch2
Sets min-width to ch2 on md
A div
.vwmx-md-ch2
Sets max-width to ch2 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24609
Examples
Default styling
A div
.vw-sm-ch2
Sets width to ch2 on sm
A div
.vwmn-sm-ch2
Sets min-width to ch2 on sm
A div
.vwmx-sm-ch2
Sets max-width to ch2 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23447
Examples
Default styling
A div
.vw-ch3
Sets width to ch3
A div
.vwmn-ch3
Sets min-width to ch3
A div
.vwmx-ch3
Sets max-width to ch3
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22328
Examples
Default styling
A div
.vw-lg-ch3
Sets width to ch3 on lg
A div
.vwmn-lg-ch3
Sets min-width to ch3 on lg
A div
.vwmx-lg-ch3
Sets max-width to ch3 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25814
Examples
Default styling
A div
.vw-md-ch3
Sets width to ch3 on md
A div
.vwmn-md-ch3
Sets min-width to ch3 on md
A div
.vwmx-md-ch3
Sets max-width to ch3 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24652
Examples
Default styling
A div
.vw-sm-ch3
Sets width to ch3 on sm
A div
.vwmn-sm-ch3
Sets min-width to ch3 on sm
A div
.vwmx-sm-ch3
Sets max-width to ch3 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23490
Examples
Default styling
A div
.vw-ch4
Sets width to ch4
A div
.vwmn-ch4
Sets min-width to ch4
A div
.vwmx-ch4
Sets max-width to ch4
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22371
Examples
Default styling
A div
.vw-lg-ch4
Sets width to ch4 on lg
A div
.vwmn-lg-ch4
Sets min-width to ch4 on lg
A div
.vwmx-lg-ch4
Sets max-width to ch4 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25857
Examples
Default styling
A div
.vw-md-ch4
Sets width to ch4 on md
A div
.vwmn-md-ch4
Sets min-width to ch4 on md
A div
.vwmx-md-ch4
Sets max-width to ch4 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24695
Examples
Default styling
A div
.vw-sm-ch4
Sets width to ch4 on sm
A div
.vwmn-sm-ch4
Sets min-width to ch4 on sm
A div
.vwmx-sm-ch4
Sets max-width to ch4 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23533
Examples
Default styling
A div
.vw-em0
Sets width to em0
A div
.vwmn-em0
Sets min-width to em0
A div
.vwmx-em0
Sets max-width to em0
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22586
Examples
Default styling
A div
.vw-lg-em0
Sets width to em0 on lg
A div
.vwmn-lg-em0
Sets min-width to em0 on lg
A div
.vwmx-lg-em0
Sets max-width to em0 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 26072
Examples
Default styling
A div
.vw-md-em0
Sets width to em0 on md
A div
.vwmn-md-em0
Sets min-width to em0 on md
A div
.vwmx-md-em0
Sets max-width to em0 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24910
Examples
Default styling
A div
.vw-sm-em0
Sets width to em0 on sm
A div
.vwmn-sm-em0
Sets min-width to em0 on sm
A div
.vwmx-sm-em0
Sets max-width to em0 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23748
Examples
Default styling
A div
.vw-em1
Sets width to em1
A div
.vwmn-em1
Sets min-width to em1
A div
.vwmx-em1
Sets max-width to em1
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22629
Examples
Default styling
A div
.vw-lg-em1
Sets width to em1 on lg
A div
.vwmn-lg-em1
Sets min-width to em1 on lg
A div
.vwmx-lg-em1
Sets max-width to em1 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 26115
Examples
Default styling
A div
.vw-md-em1
Sets width to em1 on md
A div
.vwmn-md-em1
Sets min-width to em1 on md
A div
.vwmx-md-em1
Sets max-width to em1 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24953
Examples
Default styling
A div
.vw-sm-em1
Sets width to em1 on sm
A div
.vwmn-sm-em1
Sets min-width to em1 on sm
A div
.vwmx-sm-em1
Sets max-width to em1 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23791
Examples
Default styling
A div
.vw-em2
Sets width to em2
A div
.vwmn-em2
Sets min-width to em2
A div
.vwmx-em2
Sets max-width to em2
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22672
Examples
Default styling
A div
.vw-lg-em2
Sets width to em2 on lg
A div
.vwmn-lg-em2
Sets min-width to em2 on lg
A div
.vwmx-lg-em2
Sets max-width to em2 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 26158
Examples
Default styling
A div
.vw-md-em2
Sets width to em2 on md
A div
.vwmn-md-em2
Sets min-width to em2 on md
A div
.vwmx-md-em2
Sets max-width to em2 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24996
Examples
Default styling
A div
.vw-sm-em2
Sets width to em2 on sm
A div
.vwmn-sm-em2
Sets min-width to em2 on sm
A div
.vwmx-sm-em2
Sets max-width to em2 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23834
Examples
Default styling
A div
.vw-p10
Sets width to p10
A div
.vwmn-p10
Sets min-width to p10
A div
.vwmx-p10
Sets max-width to p10
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21683
Examples
Default styling
A div
.vw-lg-p10
Sets width to p10 on lg
A div
.vwmn-lg-p10
Sets min-width to p10 on lg
A div
.vwmx-lg-p10
Sets max-width to p10 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25169
Examples
Default styling
A div
.vw-md-p10
Sets width to p10 on md
A div
.vwmn-md-p10
Sets min-width to p10 on md
A div
.vwmx-md-p10
Sets max-width to p10 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24007
Examples
Default styling
A div
.vw-sm-p10
Sets width to p10 on sm
A div
.vwmn-sm-p10
Sets min-width to p10 on sm
A div
.vwmx-sm-p10
Sets max-width to p10 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22845
Examples
Default styling
A div
.vw-p100
Sets width to p100
A div
.vwmn-p100
Sets min-width to p100
A div
.vwmx-p100
Sets max-width to p100
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22156
Examples
Default styling
A div
.vw-lg-p100
Sets width to p100 on lg
A div
.vwmn-lg-p100
Sets min-width to p100 on lg
A div
.vwmx-lg-p100
Sets max-width to p100 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25642
Examples
Default styling
A div
.vw-md-p100
Sets width to p100 on md
A div
.vwmn-md-p100
Sets min-width to p100 on md
A div
.vwmx-md-p100
Sets max-width to p100 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24480
Examples
Default styling
A div
.vw-sm-p100
Sets width to p100 on sm
A div
.vwmn-sm-p100
Sets min-width to p100 on sm
A div
.vwmx-sm-p100
Sets max-width to p100 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23318
Examples
Default styling
A div
.vw-p20
Sets width to p20
A div
.vwmn-p20
Sets min-width to p20
A div
.vwmx-p20
Sets max-width to p20
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21726
Examples
Default styling
A div
.vw-lg-p20
Sets width to p20 on lg
A div
.vwmn-lg-p20
Sets min-width to p20 on lg
A div
.vwmx-lg-p20
Sets max-width to p20 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25212
Examples
Default styling
A div
.vw-md-p20
Sets width to p20 on md
A div
.vwmn-md-p20
Sets min-width to p20 on md
A div
.vwmx-md-p20
Sets max-width to p20 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24050
Examples
Default styling
A div
.vw-sm-p20
Sets width to p20 on sm
A div
.vwmn-sm-p20
Sets min-width to p20 on sm
A div
.vwmx-sm-p20
Sets max-width to p20 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22888
Examples
Default styling
A div
.vw-p25
Sets width to p25
A div
.vwmn-p25
Sets min-width to p25
A div
.vwmx-p25
Sets max-width to p25
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21769
Examples
Default styling
A div
.vw-lg-p25
Sets width to p25 on lg
A div
.vwmn-lg-p25
Sets min-width to p25 on lg
A div
.vwmx-lg-p25
Sets max-width to p25 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25255
Examples
Default styling
A div
.vw-md-p25
Sets width to p25 on md
A div
.vwmn-md-p25
Sets min-width to p25 on md
A div
.vwmx-md-p25
Sets max-width to p25 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24093
Examples
Default styling
A div
.vw-sm-p25
Sets width to p25 on sm
A div
.vwmn-sm-p25
Sets min-width to p25 on sm
A div
.vwmx-sm-p25
Sets max-width to p25 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22931
Examples
Default styling
A div
.vw-p30
Sets width to p30
A div
.vwmn-p30
Sets min-width to p30
A div
.vwmx-p30
Sets max-width to p30
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21812
Examples
Default styling
A div
.vw-lg-p30
Sets width to p30 on lg
A div
.vwmn-lg-p30
Sets min-width to p30 on lg
A div
.vwmx-lg-p30
Sets max-width to p30 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25298
Examples
Default styling
A div
.vw-md-p30
Sets width to p30 on md
A div
.vwmn-md-p30
Sets min-width to p30 on md
A div
.vwmx-md-p30
Sets max-width to p30 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24136
Examples
Default styling
A div
.vw-sm-p30
Sets width to p30 on sm
A div
.vwmn-sm-p30
Sets min-width to p30 on sm
A div
.vwmx-sm-p30
Sets max-width to p30 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22974
Examples
Default styling
A div
.vw-p40
Sets width to p40
A div
.vwmn-p40
Sets min-width to p40
A div
.vwmx-p40
Sets max-width to p40
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21855
Examples
Default styling
A div
.vw-lg-p40
Sets width to p40 on lg
A div
.vwmn-lg-p40
Sets min-width to p40 on lg
A div
.vwmx-lg-p40
Sets max-width to p40 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25341
Examples
Default styling
A div
.vw-md-p40
Sets width to p40 on md
A div
.vwmn-md-p40
Sets min-width to p40 on md
A div
.vwmx-md-p40
Sets max-width to p40 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24179
Examples
Default styling
A div
.vw-sm-p40
Sets width to p40 on sm
A div
.vwmn-sm-p40
Sets min-width to p40 on sm
A div
.vwmx-sm-p40
Sets max-width to p40 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23017
Examples
Default styling
A div
.vw-p50
Sets width to p50
A div
.vwmn-p50
Sets min-width to p50
A div
.vwmx-p50
Sets max-width to p50
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21898
Examples
Default styling
A div
.vw-lg-p50
Sets width to p50 on lg
A div
.vwmn-lg-p50
Sets min-width to p50 on lg
A div
.vwmx-lg-p50
Sets max-width to p50 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25384
Examples
Default styling
A div
.vw-md-p50
Sets width to p50 on md
A div
.vwmn-md-p50
Sets min-width to p50 on md
A div
.vwmx-md-p50
Sets max-width to p50 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24222
Examples
Default styling
A div
.vw-sm-p50
Sets width to p50 on sm
A div
.vwmn-sm-p50
Sets min-width to p50 on sm
A div
.vwmx-sm-p50
Sets max-width to p50 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23060
Examples
Default styling
A div
.vw-p60
Sets width to p60
A div
.vwmn-p60
Sets min-width to p60
A div
.vwmx-p60
Sets max-width to p60
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21941
Examples
Default styling
A div
.vw-lg-p60
Sets width to p60 on lg
A div
.vwmn-lg-p60
Sets min-width to p60 on lg
A div
.vwmx-lg-p60
Sets max-width to p60 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25427
Examples
Default styling
A div
.vw-md-p60
Sets width to p60 on md
A div
.vwmn-md-p60
Sets min-width to p60 on md
A div
.vwmx-md-p60
Sets max-width to p60 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24265
Examples
Default styling
A div
.vw-sm-p60
Sets width to p60 on sm
A div
.vwmn-sm-p60
Sets min-width to p60 on sm
A div
.vwmx-sm-p60
Sets max-width to p60 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23103
Examples
Default styling
A div
.vw-p70
Sets width to p70
A div
.vwmn-p70
Sets min-width to p70
A div
.vwmx-p70
Sets max-width to p70
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 21984
Examples
Default styling
A div
.vw-lg-p70
Sets width to p70 on lg
A div
.vwmn-lg-p70
Sets min-width to p70 on lg
A div
.vwmx-lg-p70
Sets max-width to p70 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25470
Examples
Default styling
A div
.vw-md-p70
Sets width to p70 on md
A div
.vwmn-md-p70
Sets min-width to p70 on md
A div
.vwmx-md-p70
Sets max-width to p70 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24308
Examples
Default styling
A div
.vw-sm-p70
Sets width to p70 on sm
A div
.vwmn-sm-p70
Sets min-width to p70 on sm
A div
.vwmx-sm-p70
Sets max-width to p70 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23146
Examples
Default styling
A div
.vw-p75
Sets width to p75
A div
.vwmn-p75
Sets min-width to p75
A div
.vwmx-p75
Sets max-width to p75
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22027
Examples
Default styling
A div
.vw-lg-p75
Sets width to p75 on lg
A div
.vwmn-lg-p75
Sets min-width to p75 on lg
A div
.vwmx-lg-p75
Sets max-width to p75 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25513
Examples
Default styling
A div
.vw-md-p75
Sets width to p75 on md
A div
.vwmn-md-p75
Sets min-width to p75 on md
A div
.vwmx-md-p75
Sets max-width to p75 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24351
Examples
Default styling
A div
.vw-sm-p75
Sets width to p75 on sm
A div
.vwmn-sm-p75
Sets min-width to p75 on sm
A div
.vwmx-sm-p75
Sets max-width to p75 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23189
Examples
Default styling
A div
.vw-p80
Sets width to p80
A div
.vwmn-p80
Sets min-width to p80
A div
.vwmx-p80
Sets max-width to p80
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22070
Examples
Default styling
A div
.vw-lg-p80
Sets width to p80 on lg
A div
.vwmn-lg-p80
Sets min-width to p80 on lg
A div
.vwmx-lg-p80
Sets max-width to p80 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25556
Examples
Default styling
A div
.vw-md-p80
Sets width to p80 on md
A div
.vwmn-md-p80
Sets min-width to p80 on md
A div
.vwmx-md-p80
Sets max-width to p80 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24394
Examples
Default styling
A div
.vw-sm-p80
Sets width to p80 on sm
A div
.vwmn-sm-p80
Sets min-width to p80 on sm
A div
.vwmx-sm-p80
Sets max-width to p80 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23232
Examples
Default styling
A div
.vw-p90
Sets width to p90
A div
.vwmn-p90
Sets min-width to p90
A div
.vwmx-p90
Sets max-width to p90
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22113
Examples
Default styling
A div
.vw-lg-p90
Sets width to p90 on lg
A div
.vwmn-lg-p90
Sets min-width to p90 on lg
A div
.vwmx-lg-p90
Sets max-width to p90 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25599
Examples
Default styling
A div
.vw-md-p90
Sets width to p90 on md
A div
.vwmn-md-p90
Sets min-width to p90 on md
A div
.vwmx-md-p90
Sets max-width to p90 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24437
Examples
Default styling
A div
.vw-sm-p90
Sets width to p90 on sm
A div
.vwmn-sm-p90
Sets min-width to p90 on sm
A div
.vwmx-sm-p90
Sets max-width to p90 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23275
Examples
Default styling
A div
.vw-px0
Sets width to px0
A div
.vwmn-px0
Sets min-width to px0
A div
.vwmx-px0
Sets max-width to px0
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22414
Examples
Default styling
A div
.vw-lg-px0
Sets width to px0 on lg
A div
.vwmn-lg-px0
Sets min-width to px0 on lg
A div
.vwmx-lg-px0
Sets max-width to px0 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25900
Examples
Default styling
A div
.vw-md-px0
Sets width to px0 on md
A div
.vwmn-md-px0
Sets min-width to px0 on md
A div
.vwmx-md-px0
Sets max-width to px0 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24738
Examples
Default styling
A div
.vw-sm-px0
Sets width to px0 on sm
A div
.vwmn-sm-px0
Sets min-width to px0 on sm
A div
.vwmx-sm-px0
Sets max-width to px0 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23576
Examples
Default styling
A div
.vw-px1
Sets width to px1
A div
.vwmn-px1
Sets min-width to px1
A div
.vwmx-px1
Sets max-width to px1
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22457
Examples
Default styling
A div
.vw-lg-px1
Sets width to px1 on lg
A div
.vwmn-lg-px1
Sets min-width to px1 on lg
A div
.vwmx-lg-px1
Sets max-width to px1 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25943
Examples
Default styling
A div
.vw-md-px1
Sets width to px1 on md
A div
.vwmn-md-px1
Sets min-width to px1 on md
A div
.vwmx-md-px1
Sets max-width to px1 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24781
Examples
Default styling
A div
.vw-sm-px1
Sets width to px1 on sm
A div
.vwmn-sm-px1
Sets min-width to px1 on sm
A div
.vwmx-sm-px1
Sets max-width to px1 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23619
Examples
Default styling
A div
.vw-px2
Sets width to px2
A div
.vwmn-px2
Sets min-width to px2
A div
.vwmx-px2
Sets max-width to px2
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22500
Examples
Default styling
A div
.vw-lg-px2
Sets width to px2 on lg
A div
.vwmn-lg-px2
Sets min-width to px2 on lg
A div
.vwmx-lg-px2
Sets max-width to px2 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25986
Examples
Default styling
A div
.vw-md-px2
Sets width to px2 on md
A div
.vwmn-md-px2
Sets min-width to px2 on md
A div
.vwmx-md-px2
Sets max-width to px2 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24824
Examples
Default styling
A div
.vw-sm-px2
Sets width to px2 on sm
A div
.vwmn-sm-px2
Sets min-width to px2 on sm
A div
.vwmx-sm-px2
Sets max-width to px2 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23662
Examples
Default styling
A div
.vw-px3
Sets width to px3
A div
.vwmn-px3
Sets min-width to px3
A div
.vwmx-px3
Sets max-width to px3
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22543
Examples
Default styling
A div
.vw-lg-px3
Sets width to px3 on lg
A div
.vwmn-lg-px3
Sets min-width to px3 on lg
A div
.vwmx-lg-px3
Sets max-width to px3 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 26029
Examples
Default styling
A div
.vw-md-px3
Sets width to px3 on md
A div
.vwmn-md-px3
Sets min-width to px3 on md
A div
.vwmx-md-px3
Sets max-width to px3 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 24867
Examples
Default styling
A div
.vw-sm-px3
Sets width to px3 on sm
A div
.vwmn-sm-px3
Sets min-width to px3 on sm
A div
.vwmx-sm-px3
Sets max-width to px3 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23705
Examples
Default styling
A div
.vw-rem0
Sets width to rem0
A div
.vwmn-rem0
Sets min-width to rem0
A div
.vwmx-rem0
Sets max-width to rem0
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22715
Examples
Default styling
A div
.vw-lg-rem0
Sets width to rem0 on lg
A div
.vwmn-lg-rem0
Sets min-width to rem0 on lg
A div
.vwmx-lg-rem0
Sets max-width to rem0 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 26201
Examples
Default styling
A div
.vw-md-rem0
Sets width to rem0 on md
A div
.vwmn-md-rem0
Sets min-width to rem0 on md
A div
.vwmx-md-rem0
Sets max-width to rem0 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25039
Examples
Default styling
A div
.vw-sm-rem0
Sets width to rem0 on sm
A div
.vwmn-sm-rem0
Sets min-width to rem0 on sm
A div
.vwmx-sm-rem0
Sets max-width to rem0 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23877
Examples
Default styling
A div
.vw-rem1
Sets width to rem1
A div
.vwmn-rem1
Sets min-width to rem1
A div
.vwmx-rem1
Sets max-width to rem1
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22758
Examples
Default styling
A div
.vw-lg-rem1
Sets width to rem1 on lg
A div
.vwmn-lg-rem1
Sets min-width to rem1 on lg
A div
.vwmx-lg-rem1
Sets max-width to rem1 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 26244
Examples
Default styling
A div
.vw-md-rem1
Sets width to rem1 on md
A div
.vwmn-md-rem1
Sets min-width to rem1 on md
A div
.vwmx-md-rem1
Sets max-width to rem1 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25082
Examples
Default styling
A div
.vw-sm-rem1
Sets width to rem1 on sm
A div
.vwmn-sm-rem1
Sets min-width to rem1 on sm
A div
.vwmx-sm-rem1
Sets max-width to rem1 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23920
Examples
Default styling
A div
.vw-rem2
Sets width to rem2
A div
.vwmn-rem2
Sets min-width to rem2
A div
.vwmx-rem2
Sets max-width to rem2
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 22801
Examples
Default styling
A div
.vw-lg-rem2
Sets width to rem2 on lg
A div
.vwmn-lg-rem2
Sets min-width to rem2 on lg
A div
.vwmx-lg-rem2
Sets max-width to rem2 on lg
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 26287
Examples
Default styling
A div
.vw-md-rem2
Sets width to rem2 on md
A div
.vwmn-md-rem2
Sets min-width to rem2 on md
A div
.vwmx-md-rem2
Sets max-width to rem2 on md
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 25125
Examples
Default styling
A div
.vw-sm-rem2
Sets width to rem2 on sm
A div
.vwmn-sm-rem2
Sets min-width to rem2 on sm
A div
.vwmx-sm-rem2
Sets max-width to rem2 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source: dist/full/full.css, line 23963