Skip to main content
MybringDesign System

Borders

Separating content

Use the border for underlining or to separate content sections where spacing and backgrounds don’t fit. Avoid framing content using borders.

Combine mb-border with the side classes.

mb-border ba
mb-border bb
mb-border bt
mb-border bl
mb-border br
mb-border ba b--white
bn {border: none}
bw0 { border-width: 0; }

Horizontal rule

Adding these utilities to the correct HTML elements is mostly the best way to create borders. But when adding “a thematic break” between content, the <hr> element can be handy. It looks identical to the border: