Styleguide
Retour sommaire

Text Color

Documentation

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

Couleur : Light (blanc)

ClassRendu
.u-text-color-lightlorem ipsum dolor

Couleur : Clr0 (noir)

ClassRendu
.u-text-color-0-darken
lorem ipsum dolor
.u-text-color-0-dark
lorem ipsum dolor
.u-text-color-0
lorem ipsum dolor
.u-text-color-0-light
lorem ipsum dolor
.u-text-color-0-lighten
lorem ipsum dolor

Couleur : Clr1 (bleu)

ClassRendu
.u-text-color-1-darken
lorem ipsum dolor
.u-text-color-1-dark
lorem ipsum dolor
.u-text-color-1
lorem ipsum dolor
.u-text-color-1-light
lorem ipsum dolor
.u-text-color-1-lighten
lorem ipsum dolor

Couleur : Clr2 (violet)

ClassRendu
.u-text-color-2-darken
lorem ipsum dolor
.u-text-color-2-dark
lorem ipsum dolor
.u-text-color-2
lorem ipsum dolor
.u-text-color-2-light
lorem ipsum dolor
.u-text-color-2-lighten
lorem ipsum dolor

Couleur : État

ClassRendu
.u-text-color-notice
lorem ipsum dolor
.u-text-color-error
lorem ipsum dolor
.u-text-color-warning
lorem ipsum dolor
.u-text-color-success
lorem ipsum dolor