---
layout: docs
title: Space
description: null
---

<div class="group group-xs">
  <ul>
    <li>
      <div class="background-light font-size-xxl space-xxl"></div>
    </li>
    <li>
      <div class="background-light font-size-xl space-xl"></div>
    </li>
    <li>
      <div class="background-light font-size-l space-l"></div>
    </li>
    <li>
      <div class="background-light font-size-m space-m"></div>
    </li>
    <li>
      <div class="background-light font-size-s space-s"></div>
    </li>
    <li>
      <div class="background-light font-size-xs space-xs"></div>
    </li>
    <li>
      <div class="background-light font-size-xxs space-xxs"></div>
    </li>
  </ul>
</div>

```html
<div class="space-xxl">...</div>
<div class="space-xl">...</div>
<div class="space-l">...</div>
<div class="space-m">...</div>
<div class="space-s">...</div>
<div class="space-xs">...</div>
<div class="space-xxs">...</div>
```