Les utilitaires de background permettent de modifier les fonds de couleurs des éléments.
Class | Usage |
---|---|
.u-bkgClrLight |
background-color: #fff |
Class | Usage |
---|---|
.u-bkgClr0Darker |
background-color: #202122 |
.u-bkgClr0Dark |
background-color: #282b2c |
.u-bkgClr0 |
background-color: #616566 |
.u-bkgClr0Light |
background-color: #949ea1 |
.u-bkgClr0Lighter |
background-color: #bdc3c5 |
.u-bkgClr0Lightest |
background-color: #e9eeee |
.u-bkgClr0LightestAlternate |
background-color: #f2f2f2 |
Class | Usage |
---|---|
.u-bkgClr1Darker |
background-color: #993225 |
.u-bkgClr1Dark |
background-color: #d84633 |
.u-bkgClr1 |
background-color: #fb523c |
.u-bkgClr1Light |
background-color: #fda397 |
.u-bkgClr1Lighter |
background-color: #fee0dc |
Class | Usage |
---|---|
.u-bkgClr2Darker |
background-color: #9f7000 |
.u-bkgClr2Dark |
background-color: #db9b00 |
.u-bkgClr2 |
background-color: #ffb400 |
.u-bkgClr2Light |
background-color: #ffd571 |
.u-bkgClr2Lighter |
background-color: #fff1cf |
Class | Usage |
---|---|
.u-bkgClr3Darker |
background-color: #0c3549 |
.u-bkgClr3Dark |
background-color: #114f6d |
.u-bkgClr3 |
background-color: #186b96 |
.u-bkgClr3Light |
background-color: #85afc4 |
.u-bkgClr3Lighter |
background-color: #c8e5f3 |
Class | Usage |
---|---|
.u-bkgClr4 |
background-color: #29b8ff |