Xidipity

Knowledge Base

line height
Framework: Line Height
Xidipity WordPress Theme Knowledge Base Framework Content Header Image
1x narrow
 
  • class: led:-2
  • css: line-height: calc(var(--dft-line-height) * 80%);

 

narrow
 
  • class: led:-1
  • css: line-height: calc(var(--dft-line-height) * 90%);

 

normal
 
  • class: led:0
  •   led:0
  • css: line-height: var(--dft-line-height);

 

wide
 
  • class: led:+1
  • css: line-height: calc(var(--dft-line-height) * 120%);

 

1x wide
 
  • class: led:+2
  • css: line-height: calc(var(--dft-line-height) * 140%);

 

2x wide
 
  • class: led:+3
  • css: line-height: calc(var(--dft-line-height) * 160%);

 

3x wide
 
  • class: led:+4
  • css: line-height: calc(var(--dft-line-height) * 180%);

 

4x wide
 
  • class: led:+5
  • css: line-height: calc(var(--dft-line-height) * 200%);

 

Abbreviations
 
AbbreviationDefinition
ledleading (line height)

 

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

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


  • Since: v1.0.0

 

September 25, 2022