Xidipity

Knowledge Base

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

 

12
 
  • class: vw:12
  • css: width: 12vw;

 

14
 
  • class: vw:14
  • css: width: 14vw;

 

16
 
  • class: vw:16
  • css: width: 16vw;

 

18
 
  • class: vw:18
  • css: width: 18vw;

 

20
 
  • class: vw:20
  • css: width: 20vw;

 

25
 
  • class: vw:25
  • css: width: 25vw;

 

30
 
  • class: vw:30
  • css: width: 30vw;

 

35
 
  • class: vw:35
  • css: width: 35vw;

 

40
 
  • class: vw:40
  • css: width: 40vw;

 

45
 
  • class: vw:45
  • css: width: 45vw;

 

50
 
  • class: vw:50
  • css: width: 50vw;

 

55
 
  • class: vw:55
  • css: width: 55vw;

 

60
 
  • class: vw:60
  • css: width: 60vw;

 

65
 
  • class: vw:65
  • css: width: 65vw;

 

70
 
  • class: vw:70
  • css: width: 70vw;

 

75
 
  • class: vw:75
  • css: width: 75vw;

 

80
 
  • class: vw:80
  • css: width: 80vw;

 

85
 
  • class: vw:85
  • css: width: 85vw;

 

90
 
  • class: vw:90
  • css: width: 90vw;

 

95
 
  • class: vw:95
  • css: width: 95vw;

 

100
 
  • class: vw:100
  • css: width: 100vw;

 

Abbreviations
 
AbbreviationDefinition
vwviewport width

 

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

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


  • Since: v1.0.0

 

May 20, 2022