Borders

Utilities for adding borders to components.


Default/Solid border

Dashed border

Dotted border

<div class="g-1_3 box m-bottom-4 border">
<p>Default/Solid border</p>
</div>

<div class="g-1_3 box m-bottom-4 border border-dashed">
<p>Dashed border</p>
</div>

<div class="g-1_3 g-omega box m-bottom-4 border border-dotted">
<p>Dotted border</p>
</div>

Top border

Bottom border

Left border

Right border

<div class="g-1_4 box m-bottom-4 border-top">
<p>Top border</p>
</div>

<div class="g-1_4 box m-bottom-4 border-bottom">
<p>Bottom border</p>
</div>

<div class="g-1_4 box m-bottom-4 border-left">
<p>Left border</p>
</div>

<div class="g-1_4 g-omega box m-bottom-4 border-right">
<p>Right border</p>
</div>

Border Radius

Border radius

<div class="box border u-border-radius">
<p>Border radius</p>
</div>