Vertical Bar
Accent element for distinguishing a block of text. Used on story summaries, pullquotes, and membership CTA.
.has-vert-bar
<p class="has-vert-bar has-text-yellow"><span class="has-text-gray-dark">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores incidunt vel rerum deserunt debitis voluptas, omnis dignissimos, doloribus saepe quae itaque! Consequuntur et eveniet fugit in veritatis quos ver incidunt.</span></p>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 5 |
.has-vert-bar--thin
Used in membership CTA callout on stories
<p class="has-vert-bar has-vert-bar--thin has-text-yellow"><span class="has-text-gray-dark">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores incidunt vel rerum deserunt debitis voluptas, omnis dignissimos, doloribus saepe quae itaque! Consequuntur et eveniet fugit in veritatis quos ver incidunt.</span></p>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 1 |
.has-vert-bar--padded-l
Used in pullquotes
<p class="has-vert-bar has-vert-bar--padded-l has-text-yellow"><span class="has-text-gray-dark">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores incidunt vel rerum deserunt debitis voluptas, omnis dignissimos, doloribus saepe quae itaque! Consequuntur et eveniet fugit in veritatis quos ver incidunt.</span></p>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 1 |
.has-vert-bar--padded-xxl
Used in membership CTA callout on stories
<p class="has-vert-bar has-vert-bar--padded-xxl has-text-yellow"><span class="has-text-gray-dark">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores incidunt vel rerum deserunt debitis voluptas, omnis dignissimos, doloribus saepe quae itaque! Consequuntur et eveniet fugit in veritatis quos ver incidunt.</span></p>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 1 |
.has-vert-bar--from-bp-s
Resets styling on mobile
<p class="has-vert-bar has-vert-bar--from-bp-s has-text-yellow"><span class="has-text-gray-dark">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores incidunt vel rerum deserunt debitis voluptas, omnis dignissimos, doloribus saepe quae itaque! Consequuntur et eveniet fugit in veritatis quos ver incidunt.</span></p>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 2 |