Expand description
Utilities for controlling the leading (line height) of an element.
| Class | Properties |
|---|---|
| leading-<float> | line-height: <float / 4>rem; |
| leading-<integer>/<integer> | line-height: (<integer>/<integer>)%; |
| leading-px | line-height: 1px; |
| leading-none | line-height: 1; |
| leading-tight | line-height: 1.25; |
| leading-snug | line-height: 1.375; |
| leading-normal | line-height: 1.5; |
| leading-relaxed | line-height: 1.625; |
| leading-loose | line-height: 2; |
§Tailwind compatibility
Line height values don’t follow Tailwind’s philosophy of limiting possible values and all spacing values are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any <length>, <number> or <percentage> property is allowed as arbitrary value.
For example, leading-[1.12rem].