Background
utility
Set background style.
| Example | Blue background |
| HTML code | <DIV class="box u-bg--blue">Blue background</span> |
| Type | particle |
| Group | utility |
Styles
Elements Css style
| violet | Violet |
| purple | Purple |
| indigo | Indigo |
| blue | Blue |
| azure | Azure |
| cyan | Cyan |
| teal | Teal |
| darkgreen | Darkgreen |
| green | Green |
| lime | Lime |
| yellow | Yellow |
| amber | Amber |
| orange | Orange |
| darkorange | Darkorange |
| red | Red |
| pink | Pink |
| brown | Brown |
| white | White |
| lightgray | Lightgray |
| gray | Gray |
| darkgray | Darkgray |
| black | Black |
| success | Success |
| warning | Warning |
| danger | Danger |
| error | Error |
| info | Info |
| muted | Muted |
| selected | Selected |
| save | Save |
| delete | Delete |
| load | Load |
| cancel | Cancel |