---
layout: docs
title: Line Height
description: null
---

## Example

<p class="line-height-xxl">Line Height XXL</p>
<p class="line-height-xl">Line Height XL</p>
<p class="line-height-l">Line Height L</p>
<p class="line-height-m">Line Height M</p>
<p class="line-height-s">Line Height S</p>
<p class="line-height-xs">Line Height XS</p>
<p class="line-height-xxs">Line Height XXS</p>
<p class="line-height">Line Height</p>

### CSS

```scss
--line-height-xxl: 2;
--line-height-xl: 1.75;
--line-height-l: 1.625;
--line-height-m: 1.5;
--line-height-s: 1.375;
--line-height-xs: 1.25;
--line-height-xxs: 1;
--line-height: var(--line-height-s);
```