11.1.1 #height - p100 - sm .vh[mn,mx]-sm-p100
Sets the height, max-height, or min-height of element to css var for p100 on sm.
Examples
Default styling
A div
.vh-sm-p100
Sets height to p100 on sm
A div
.vhmn-sm-p100
Sets min-height to p100 on sm
A div
.vhmx-sm-p100
Sets max-height to p100 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 6914
13.1.1 #height - p25 - sm .vh[mn,mx]-sm-p25
Sets the height, max-height, or min-height of element to css var for p25 on sm.
Examples
Default styling
A div
.vh-sm-p25
Sets height to p25 on sm
A div
.vhmn-sm-p25
Sets min-height to p25 on sm
A div
.vhmx-sm-p25
Sets max-height to p25 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 6862
15.1.1 #height - p50 - sm .vh[mn,mx]-sm-p50
Sets the height, max-height, or min-height of element to css var for p50 on sm.
Examples
Default styling
A div
.vh-sm-p50
Sets height to p50 on sm
A div
.vhmn-sm-p50
Sets min-height to p50 on sm
A div
.vhmx-sm-p50
Sets max-height to p50 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 6888
17.1.1 #height - vh100 - sm .vh[mn,mx]-sm-vh100
Sets the height, max-height, or min-height of element to css var for vh100 on sm.
Examples
Default styling
A div
.vh-sm-vh100
Sets height to vh100 on sm
A div
.vhmn-sm-vh100
Sets min-height to vh100 on sm
A div
.vhmx-sm-vh100
Sets max-height to vh100 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 7070
19.1.1 #height - vh25 - sm .vh[mn,mx]-sm-vh25
Sets the height, max-height, or min-height of element to css var for vh25 on sm.
Examples
Default styling
A div
.vh-sm-vh25
Sets height to vh25 on sm
A div
.vhmn-sm-vh25
Sets min-height to vh25 on sm
A div
.vhmx-sm-vh25
Sets max-height to vh25 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 6940
21.1.1 #height - vh40 - sm .vh[mn,mx]-sm-vh40
Sets the height, max-height, or min-height of element to css var for vh40 on sm.
Examples
Default styling
A div
.vh-sm-vh40
Sets height to vh40 on sm
A div
.vhmn-sm-vh40
Sets min-height to vh40 on sm
A div
.vhmx-sm-vh40
Sets max-height to vh40 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 6966
23.1.1 #height - vh50 - sm .vh[mn,mx]-sm-vh50
Sets the height, max-height, or min-height of element to css var for vh50 on sm.
Examples
Default styling
A div
.vh-sm-vh50
Sets height to vh50 on sm
A div
.vhmn-sm-vh50
Sets min-height to vh50 on sm
A div
.vhmx-sm-vh50
Sets max-height to vh50 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 6992
25.1.1 #height - vh60 - sm .vh[mn,mx]-sm-vh60
Sets the height, max-height, or min-height of element to css var for vh60 on sm.
Examples
Default styling
A div
.vh-sm-vh60
Sets height to vh60 on sm
A div
.vhmn-sm-vh60
Sets min-height to vh60 on sm
A div
.vhmx-sm-vh60
Sets max-height to vh60 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 7018
27.1.1 #height - vh75 - sm .vh[mn,mx]-sm-vh75
Sets the height, max-height, or min-height of element to css var for vh75 on sm.
Examples
Default styling
A div
.vh-sm-vh75
Sets height to vh75 on sm
A div
.vhmn-sm-vh75
Sets min-height to vh75 on sm
A div
.vhmx-sm-vh75
Sets max-height to vh75 on sm
A div
Markup
<div class="bwa-1 [modifier class]">A div</div>
Source:
dist/standard/standard.css, line 7044