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 states| State | 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 |