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>