Skip to content

Evolutions

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 ?

Blocks

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

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 Réfléchir aux modificateurs possibles : 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é.

Clone this wiki locally