Xidipity

Knowledge Base

height – viewport
Framework: Viewport height
Xidipity WordPress Theme Knowledge Base Height Content Header Image
10
 
  • class: vh:10
  • css: height: 10vh;

 

12
 
  • class: vh:12
  • css: height: 12vh;

 

14
 
  • class: vh:14
  • css: height: 14vh;

 

16
 
  • class: vh:16
  • css: height: 16vh;

 

18
 
  • class: vh:18
  • css: height: 18vh;

 

20
 
  • class: vh:20
  • css: height: 20vh;

 

25
 
  • class: vh:25
  • css: height: 25vh;

 

30
 
  • class: vh:30
  • css: height: 30vh;

 

35
 
  • class: vh:35
  • css: height: 35vh;

 

40
 
  • class: vh:40
  • css: height: 40vh;

 

45
 
  • class: vh:45
  • css: height: 45vh;

 

50
 
  • class: vh:50
  • css: height: 50vh;

 

55
 
  • class: vh:55
  • css: height: 55vh;

 

60
 
  • class: vh:60
  • css: height: 60vh;

 

65
 
  • class: vh:65
  • css: height: 65vh;

 

70
 
  • class: vh:70
  • css: height: 70vh;

 

75
 
  • class: vh:75
  • css: height: 75vh;

 

80
 
  • class: vh:80
  • css: height: 80vh;

 

85
 
  • class: vh:85
  • css: height: 85vh;

 

90
 
  • class: vh:90
  • css: height: 90vh;

 

95
 
  • class: vh:95
  • css: height: 95vh;

 

100
 
  • class: vh:100
  • css: height: 100vh;

 

Abbreviations
 
AbbreviationDefinition
vhviewport height

 

Supported media
 
AbbreviationDefinition
all
sm)small
md)medium
lg)large
xl)extra large
Notes
 

All height classes begin with “vh” and are separated by a colon from it’s value.


  • Since: v1.0.0

 

September 24, 2022