Styleguide
Retour sommaire

Layout

Documentation

Les utilitaires de Layout sont des helpers permettant de facilement appliquer certaines modifications de layout à un élément. (clearFix, floats, fix de "contexte de formattage de bloc"...)

ClasseUsage
.u-float-leftAjoute un float: left à l'élément.
.u-float-rightAjoute un float: right à l'élément.
.u-no-bfcSupprime le contexte de formatage de block. Plus d'information dans cet article d'Alsacréations sur le contexte de formatage block en CSS.
.u-flex-push-leftDécale un enfant direct d'un parent en display:flex vers la droite
.u-flex-inline-gridPermet d'aligner les éléments enfants directs en ajoutant un espace entre eux