Borders

Beard’s border helpers use a default scale from 1 to 3. This can be changed by setting $beard-border-size-amount before you import Beard.

Class Purpose
.xbrdr Remove the border from an element
.brdr1 Add a border to all sides of an element
.brdr1--top Add a border to the top of an element
.brdr1--right Add a border to the right side of an element
.brdr1--bottom Add a border to the bottom of an element
.brdr1--left Add a border to the left side of an element