Border
Helpers for borders.
.has-border
This is our standard border color.
<div class="has-border has-text-black has-padding">Bordered</div>
Repo | Count | Location(s) |
---|---|---|
mailchimp-email-templates | 2 | |
texastribune | 7 | |
state-salaries-draft | 1 |
.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.
<div class="has-featured-border has-text-black has-padding">Bordered</div>
This class isn't referenced anywhere
.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>
Repo | Count | Location(s) |
---|---|---|
texastribune | 4 |