Color & background
Convey meaning through color with a handful of emphasis utility classes, plus subtle background and border helpers and Material-style gradients.
Text emphasis
.text-primary
.text-primary-emphasis
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
<p class="text-primary-emphasis">Darker, for emphasis.</p>Subtle backgrounds
Use .bg-{color}-subtle for light, tinted backgrounds.
.bg-primary-subtle
.bg-success-subtle
.bg-danger-subtle
.bg-warning-subtle
.bg-info-subtle
Subtle borders
Use .border-{color}-subtle for tinted borders.
.border-primary-subtle
.border-success-subtle
Gradients
boodoo ships Material-style gradient helpers: .gradient-primary, .gradient-success,
.gradient-info, .gradient-warning, .gradient-danger,
.gradient-dark.
.gradient-primary
.gradient-success
.gradient-info
Opacity
Control element opacity with .opacity-{0|10|25|50|75|100}.
opacity-100
opacity-75
opacity-50
opacity-25