Styleguide

Background color

  • v.0.0.1

Les utilitaires de background permettent de modifier les fonds de couleurs des éléments.

Couleur : Light

Class Usage
.u-bkgClrLight
background-color: #fff

Couleur : Clr0

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

Couleur : Clr1

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

Couleur : Clr2

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

Couleur : Clr3

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

Couleur : Clr4

Class Usage
.u-bkgClr4
background-color: #29b8ff