KSS Style Guide

15 #Width Width

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

Source: dist/minimal/minimal.css, line 7275
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/minimal/minimal.css, line 7805
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/minimal/minimal.css, line 7848
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/minimal/minimal.css, line 7891
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/minimal/minimal.css, line 7934
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/minimal/minimal.css, line 7977
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/minimal/minimal.css, line 8192
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/minimal/minimal.css, line 8235
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/minimal/minimal.css, line 8278
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/minimal/minimal.css, line 7289
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/minimal/minimal.css, line 7762
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/minimal/minimal.css, line 7332
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/minimal/minimal.css, line 7375
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/minimal/minimal.css, line 7418
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/minimal/minimal.css, line 7461
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/minimal/minimal.css, line 7504
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/minimal/minimal.css, line 7547
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/minimal/minimal.css, line 7590
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/minimal/minimal.css, line 7633
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/minimal/minimal.css, line 7676
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/minimal/minimal.css, line 7719
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/minimal/minimal.css, line 8020
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/minimal/minimal.css, line 8063
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/minimal/minimal.css, line 8106
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/minimal/minimal.css, line 8149
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/minimal/minimal.css, line 8321
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/minimal/minimal.css, line 8364
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/minimal/minimal.css, line 8407