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-floatLeftAjoute un float: left à l'élément.
.u-floatRightAjoute un float: right à l'élément.
.u-noBfcSupprime le contexte de formatage de block. Plus d'information dans cet article d'Alsacréations sur le contexte de formatage block en CSS.
.u-flexPushleftDécale un enfant direct d'un parent en display:flex vers la droite
.u-flexInlineGridPermet d'aligner les éléments enfants directs en ajoutant un espace entre eux