Produits Entr'ouvert » Intégrations graphiques Publik

Proposition d'amélioration du core scss avec une nouvelle class : ".site-wrapper" et une nouvelle variable $page-poadding

• En mobile, une petite marge existe entre les conteneurs et le bord de l'écran. C'est bien mais aucune variable pour gérer sa taille, aucun moyen de la passer à 0 par exemple.
• En "tablette", entre $width et $mobile-limit en fait, ces marges disparaissent, pouf.
• La valeur de $width qui permet de fixer taille max aux conteneurs est dupliqué dans chaque conteneur où elle est nécessaire.
• Graphiquement, Dans une logique d'harmonie, il est préférable d'instaurer un ratio entre ces marges et les gouttières entre les colonnes (c'est plus ou moins le cas aujourd'hui, où gouttières = marges x2 (0.7em x2), sauf pour la sidebar qui a une gouttière fixe de 20px) et un ratio avec le rythme vertical ou l'espace qui sépare 2 cellules, qui est + est égal à la marge.

• créer une class ".site-wrapper" générique qui permet lors de la création d'un nouveau bloc conteneur d'être certain d'y appliquer les bonnes marges et $width et éviter de dupliquer ces valeurs partout.
• Ajouter une variable $page-padding (parce que techniquement c'est un padding) qui permet de paramétrer la taille de marges et donc la taille des gouttières du/des layouts
• Baser la taille des gouttières sur cette nouvelle variable

Si dans la suite je reviens sur le système de grille, il sera préférable d'utiliser "$layout-gutter-size" comme variable de référence pour $page-padding. Et donc seul $layout-gutter-size sera prioritairement paramétrable dans la création de thème.
Si vous trouvez mieux que $page-padding comme nom de variable je suis preneur.