---
layout: docs
title: Font Size
description: null
---

## Example

<p class="font-size-xxl">Font Size XXL</p>
<p class="font-size-xl">Font Size XL</p>
<p class="font-size-l">Font Size L</p>
<p class="font-size-m">Font Size M</p>
<p class="font-size-s">Font Size S</p>
<p class="font-size-xs">Font Size XS</p>
<p class="font-size-xxs">Font Size XXS</p>

### CSS

```scss
--font-size-xxl: 1.5rem;
--font-size-xl: 1.25rem;
--font-size-l: 1.125rem;
--font-size-m: 1rem;
--font-size-s: 0.875rem;
--font-size-xs: 0.75rem;
--font-size-xxs: 0.625rem;
--font-size: var(--font-size-m);
```