Border

Helpers for borders.

.has-border
This is our standard border color.
<div class="has-border has-text-black has-padding">Bordered</div>
.has-featured-border
A thick yellow border on top and thin gray borders everywhere else. Used to draw attention to a box of content. Used on the home-page featured series module and the live-blog table of contents.
.has-styled-border
Uses currentColor to inherit a border-color from color. Can be coupled with the has-text-<color> helper. This border is a common pattern in sidebar blocks and ads.
<div class="has-styled-border has-text-black has-padding">Bordered</div>