Borders

A set of helpers to add borders on individual or all sides.

Variables

• var(--border-size): 1px
• var(--border-radius-default): 3px
• var(--border-radius-lg): 5px
• var(--border-radius-sm): 2px
• var(--color-border): #ccc

Mixins

None

Helpers

.border-all
.border-top
.border-right
.border-bottom
.border-left

Example

<div class="border-all">Border around everything</div>
<div class="border-top">Border on top</div>
<div class="border-right">Border on right</div>
<div class="border-bottom">Border on bottom</div>
<div class="border-left">Border on left</div>