# divider

The markup of every demo on <https://kuiper.oeds.it/divider/>, extracted from that
page. It is generated, so it cannot disagree with what the page renders.

Load the framework from the origin and read <https://kuiper.oeds.it/docs/KUIPER.md> first:
a Kuiper class carries no prefix and a UIkit behavior attribute carries `data-`.

## divider

Varies: 5 specimens.

```html
<div data-grid class="grid-xs">
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-2@l width-1-3@xl"><div class="card"><div class="background-white-dark padding-4xs"><p>Kuiper</p><hr class="divider-icon"><p>divider-icon</p></div></div></div>
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-2@l width-1-3@xl"><div class="card"><div class="background-white-dark padding-4xs"><p>Kuiper</p><hr class="divider-s"><p>divider-s</p></div></div></div>
 <div class="width-1-1 width-1-1@s width-1-2@m width-1-2@l width-1-3@xl"><div class="card"><div class="background-white-dark padding-4xs flex" data-grid><div class="width-1-2"><p>Kuiper</p></div><div class="width-1-2 divider-vertical"><p>divider-vertical</p></div></div></div></div>
</div>
```