# Install

Installed via [theme](../theme.md). No further installment needed.

# Import

No imports needed.

# Variants

## Three blocks 4-4-4

```html
<div class="block-container">
    <div theme="block-layout spacing">
    <div class="block">Layout 4-4-4, Block 1</div>
    <div class="block">Layout 4-4-4, Block 2</div>
    <div class="block">Layout 4-4-4, Block 3</div>
  </div>
</div>
```

## Two blocks 8-4

```html
<div class="block-container">
  <div theme="block-layout spacing layout-8-4">
    <div class="block">Layout 8-4, Block 1</div>
    <div class="block">Layout 8-4, Block 2</div>
  </div>
</div>
```

## Two blocks 4-8

```html
<div class="block-container">
  <div theme="block-layout spacing layout-4-8">
    <div class="block">Layout 4-8, Block 1</div>
    <div class="block">Layout 4-8, Block 2</div>
  </div>
</div>
```

## Two blocks 6-6

```html
<div class="block-container">
  <div theme="block-layout spacing layout-6-6">
    <div class="block">Layout 6-6, Block 1</div>
    <div class="block">Layout 6-6, Block 2</div>
  </div>
</div>
```

## One block 12

```html
<div class="block-container">
  <div theme="block-layout spacing layout-12">
    <div class="block">Layout 12</div>
  </div>
</div>
```

## Double bottom padding

```html
<div class="block-container">
    <div theme="block-layout spacing double-bottom-padding">
    <div class="block">Layout 4-4-4, Block 1</div>
    <div class="block">Layout 4-4-4, Block 2</div>
    <div class="block">Layout 4-4-4, Block 3</div>
  </div>
</div>
```