Dividers

Dividing line


1
2
3
<div class="divider">
  <hr />
</div>

Dividing line compact


1
2
3
4
<div class="divider divider--compact">
  <hr />
</div>

Dividing line minimal

1
2
<div class="divider divider--minimal"></div>

Background divider

Background divider with text
1
2
3
4
5
6
7
8
<div class="background-divider">
  <div class="background-divider__content">
    <div>
      Background divider with text
    </div>
  </div>
</div>