Background Color
10 color state for background. You can use these color with prefix.bg-*
State | Preview | Class postfix | Usage |
---|---|---|---|
Primary | Background Primary | *-primary | bg-primary |
Secondary | Background Secondary | *-secondary | bg-secondary |
Brand | Background Brand | *-brand | bg-brand |
Success | Background Success | *-success | bg-success |
Danger | Background Danger | *-danger | bg-danger |
Warning | Background Warning | *-warning | bg-warning |
Info | Background Info | *-info | bg-info |
Light | Background Light | *-light | bg-light |
Dark | Background Dark | *-dark | bg-dark |
White | Background White | *-white | bg-white |
Transparent | Background Transparent | *-transparent | bg-transparent |
Text Colors
10 color state for text. You can use these color with prefix.text-*
State | Preview | Class postfix | Usage |
---|---|---|---|
Primary | Text Primary | *-primary | text-primary |
Secondary | Text Secondary | *-secondary | text-secondary |
Brand | Text Brand | *-brand | text-brand |
Success | Text Success | *-success | text-success |
Danger | Text Danger | *-danger | text-danger |
Warning | Text Warning | *-warning | text-warning |
Info | Text Info | *-info | text-info |
Light | Text Light | *-light | text-light |
Dark | Text Dark | *-dark | text-dark |
Muted | Text Mute | *-muted | text-muted |
White | Text White | *-white | text-white |
.text-link
you can get different link statesState | Preview | Class postfix | Usage |
---|---|---|---|
Primary | Primary | *-primary | text-primary |
Secondary | Secondary | *-secondary | text-secondary |
Brand | Brand | *-brand | text-brand |
Success | Success | *-success | text-success |
Danger | Danger | *-danger | text-danger |
Warning | Warning | *-warning | text-warning |
Info | Info | *-info | text-info |
Light | Light | *-light | text-light |
Dark | Dark | *-dark | text-dark |