Version:

Install ​

Installed via theme. 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>