Vise la CSS générée :
http://www.pnlcoach.com/layout/css/styles.css
depuis
http://www.pnlcoach.com/layout/css/styles.scss

(celle en prod est minifiée)

Je ne fais qu'utiliser quelques fonctions (rythme vertical, extend, qq mixins et variables etc.) qui peuvent être faites sans Sass (c'est très proche de RÖCSSTI en version CSS : un bon éditeur de code permet de faire les 9/10èmes de ce que j'ai fait).

Je ris même doucement quand on me montre certains exemples genre "vous avez vu comment on factorise avec Sass"… oui t'es gentil, si tu ne faisais pas déjà ça avec CSS, retourne apprendre les bases.

Quand au display: table, il permet justement d'éviter certains hacks un peu laborieux, typiquement, le layout en 2 vraies colonnes se fait avec du code assez naturel. Les positionnements sont vraiment simples.

Par contre, je n'utilise que display: table sur le conteneur et display: table-cell sur les colonnes. ]]> text/html https://www.nicolas-hoffmann.net/source/1588-Refonte-BrieFR-Formation-ROCSSTI-version-Sass.html#comment158434 Nico Sun, 29 Sep 2013 09:38:09 +0200

Qu'en penses-tu ? Sinon pour ton chef d'œuvre c'est sympa, ça fonctionne effectivement bien sur iPad.

Peux-tu faire un petit retour de ton expérience sur l'utilisation du display table ? Je trouve que souvy ça surcharge un peu le DOM puisqu'il faut ajouter un élément en display table-row (à moins que je sois passé à côté d'un truc).

Merci pour cet article, encore une fois très intéressant. ]]> text/html https://www.nicolas-hoffmann.net/source/1588-Refonte-BrieFR-Formation-ROCSSTI-version-Sass.html#comment158433 ReBleach Sat, 28 Sep 2013 22:51:47 +0200