You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
tcharlss edited this page Jul 5, 2017
·
9 revisions
Évolutions
Notes pour les évolutions futures.
Classes moins verbeuses
Objectif : utiliser des noms de classes plus courts et plus faciles à utiliser, cf. ticket n°1
Est-ce qu'on laisse tomber complètement le BEM, ou alors juste à la marge ?
Blocs
Avant
Après
Commentaire
wf-block wf-block--crossed
wf-block crossed
wf-block wf-block--fill
wf-block fill
wf-block wf-block--[COULEUR]
wf-block [COULEUR]
wf-block__label
wf-label
Marges (margin/padding)
Avant
Après
Commentaire
wf-margin--all
margin
marge partout
wf-margin--top
margin-top
wf-margin--bottom
margin-bottom
wf-margin--top
margin-left
wf-margin--right
margin-right
wf-margin--left--large
margin-left-xl
Modificateurs : xs, sm, md, lg, xl
Responsive
Réfléchir à la prise en charge du responsive (pour les helpers notamment, par exemple : marge en haut uniquement sur bureau, etc.).
Combien de breakpoint ? Quel syntaxe pour les noms de classes ?
Ajouter aussi des classes de visibilité.