Border & Radius

All modular elements can be readily used and customized in every layout across pages.

Border

Use border utilities to quickly style the border of an element. Great for images, buttons, or any other element.

Classes for adding borders

<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>

Classes for removing borders

<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>

Classes for dashed bordes

<span class="border-dashed"></span>
<span class="border-dashed-top"></span>
<span class="border-dashed-right"></span>
<span class="border-dashed-bottom"></span>
<span class="border-dashed-left"></span>

Radius

<span class="radius-square"></span>
<span class="radius-primary"></span>
<span class="radius-secondary"></span>
<span class="radius-capsule"></span>
<span class="radius-round"></span>