Call-Out Styling

Bracketed Box

Options: .orange-bracket, .brown-bracket, .teal-bracket, .coral-bracket, .seafoam-bracket, .rose-bracket, .tan-bracket, .white-bracket
Options: .orange-title, .brown-title, .teal-title, .gold-title, .coral-title, .seafoam-title, .rose-title, .white-title
Options: .orange-body-text, .brown-body-text, .teal-body-text, .gold-body-text, .coral-body-text, .seafoam-body-text, .rose-body-text, .white-body-text

Bracketed Box Title

This is the description area of the Bracketed Box component. Additional text goes here.

Sample Button

.hide-title can also be applied to the Bracketed Box

Rankings

Rankings Reference Library

Options:
.ranking, .ranking-white, .ranking-all-white

Optional - needs to be in span with class .intro
#1 public university in Ohio for students

the wall street journal

Top Borders

Options:
.border-top-orange, .border-top-brown, .border-top-teal, .border-top-seafoam, borader-top-gold, .border-top-coral, .border-top-tan, .border-top-rose

.border-top-orange

This is a component with the .border-top-orange class.

Updated: 03/12/2025 02:47PM