.ecl-u-bg-white
.ecl-u-bg-primary
.ecl-u-bg-secondary
.ecl-u-bg-success
.ecl-u-bg-info
.ecl-u-bg-warning
.ecl-u-bg-error
.ecl-u-bg-dark
.ecl-u-bg-accent-30
<p class="ecl-u-type-m ecl-u-bg-white"><span>.ecl-u-bg-white</span></p> <p class="ecl-u-type-m ecl-u-bg-primary ecl-u-type-color-white"><span>.ecl-u-bg-primary</span></p> <p class="ecl-u-type-m ecl-u-bg-secondary"><span>.ecl-u-bg-secondary</span></p> <p class="ecl-u-type-m ecl-u-bg-success"><span>.ecl-u-bg-success</span></p> <p class="ecl-u-type-m ecl-u-bg-info ecl-u-type-color-white"><span>.ecl-u-bg-info</span></p> <p class="ecl-u-type-m ecl-u-bg-warning"><span>.ecl-u-bg-warning</span></p> <p class="ecl-u-type-m ecl-u-bg-error ecl-u-type-color-white"><span>.ecl-u-bg-error</span></p> <p class="ecl-u-type-m ecl-u-bg-dark ecl-u-type-color-white"><span>.ecl-u-bg-dark</span></p> <p class="ecl-u-type-m ecl-u-bg-accent-30"><span>.ecl-u-bg-accent-30</span></p>
Try it yourself on the playground
Playground