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