Line Height

Line Height is configurable individually from fontSize using the following classes:

Body

Tailwind Class

leading-2xl

CSS Variables

line-height: --q-line-height-body-xxl

Equivalent CSS

line-height:

Tailwind Class

leading-xl

CSS Variables

line-height: --q-line-height-body-xl

Equivalent CSS

line-height:

Tailwind Class

leading-lg

CSS Variables

line-height: --q-line-height-body-l

Equivalent CSS

line-height:

Tailwind Class

leading-md

CSS Variables

line-height: --q-line-height-body-m

Equivalent CSS

line-height:

Tailwind Class

leading-sm

CSS Variables

line-height: --q-line-height-body-s

Equivalent CSS

line-height:

Tailwind Class

leading-xs

CSS Variables

line-height: --q-line-height-body-xs

Equivalent CSS

line-height:

Tailwind Class

leading-xxs

CSS Variables

line-height: --q-line-height-body-xxs

Equivalent CSS

line-height:

Tailwind Class	CSS Variables	Equivalent CSS
`leading-2xl`	`line-height: --q-line-height-body-xxl`	`line-height:`
`leading-xl`	`line-height: --q-line-height-body-xl`	`line-height:`
`leading-lg`	`line-height: --q-line-height-body-l`	`line-height:`
`leading-md`	`line-height: --q-line-height-body-m`	`line-height:`
`leading-sm`	`line-height: --q-line-height-body-s`	`line-height:`
`leading-xs`	`line-height: --q-line-height-body-xs`	`line-height:`
`leading-xxs`	`line-height: --q-line-height-body-xxs`	`line-height:`

Heading

Tailwind Class

leading-h-3xl

CSS Variables

line-height: --q-line-height-heading-xxxl

Equivalent CSS

line-height:

Tailwind Class

leading-h-2xl

CSS Variables

line-height: --q-line-height-heading-xxl

Equivalent CSS

line-height:

Tailwind Class

leading-h-xl

CSS Variables

line-height: --q-line-height-heading-xl

Equivalent CSS

line-height:

Tailwind Class

leading-h-lg

CSS Variables

line-height: --q-line-height-heading-l

Equivalent CSS

line-height:

Tailwind Class

leading-h-md

CSS Variables

line-height: --q-line-height-heading-m

Equivalent CSS

line-height:

Tailwind Class

leading-h-sm

CSS Variables

line-height: --q-line-height-heading-s

Equivalent CSS

line-height:

Tailwind Class

leading-h-xs

CSS Variables

line-height: --q-line-height-heading-xs

Equivalent CSS

line-height:

Tailwind Class

leading-h-xxs

CSS Variables

line-height: --q-line-height-heading-xxs

Equivalent CSS

line-height:

Tailwind Class	CSS Variables	Equivalent CSS
`leading-h-3xl`	`line-height: --q-line-height-heading-xxxl`	`line-height:`
`leading-h-2xl`	`line-height: --q-line-height-heading-xxl`	`line-height:`
`leading-h-xl`	`line-height: --q-line-height-heading-xl`	`line-height:`
`leading-h-lg`	`line-height: --q-line-height-heading-l`	`line-height:`
`leading-h-md`	`line-height: --q-line-height-heading-m`	`line-height:`
`leading-h-sm`	`line-height: --q-line-height-heading-s`	`line-height:`
`leading-h-xs`	`line-height: --q-line-height-heading-xs`	`line-height:`
`leading-h-xxs`	`line-height: --q-line-height-heading-xxs`	`line-height:`

Metadata

Tailwind Class

leading-m-xl

CSS Variables

line-height: --q-line-height-metadata-xl

Equivalent CSS

line-height:

Tailwind Class

leading-m-lg

CSS Variables

line-height: --q-line-height-metadata-l

Equivalent CSS

line-height:

Tailwind Class

leading-m-md

CSS Variables

line-height: --q-line-height-metadata-m

Equivalent CSS

line-height:

Tailwind Class

leading-m-sm

CSS Variables

line-height: --q-line-height-metadata-s

Equivalent CSS

line-height:

Tailwind Class	CSS Variables	Equivalent CSS
`leading-m-xl`	`line-height: --q-line-height-metadata-xl`	`line-height:`
`leading-m-lg`	`line-height: --q-line-height-metadata-l`	`line-height:`
`leading-m-md`	`line-height: --q-line-height-metadata-m`	`line-height:`
`leading-m-sm`	`line-height: --q-line-height-metadata-s`	`line-height:`

Font Weight

Z-Index