Le préprocesseur SASS (3/11) : L'imbrication
HTML-код
- Опубликовано: 5 фев 2025
- Article ► grafikart.fr/t...
Abonnez-vous ► bit.ly/Grafika...
La syntaxe SCSS permet de faire de l'imbrication.
Soutenez Grafikart:
Devenez premium ► grafikart.fr/p...
Donnez via Utip ► utip.io/grafikart
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/t...
Depuis le temps que je cherchais un tuto de qualité sur SASS, merci et hâte de voir toute la série :)
Génial le tutoriel , merci ! ça m'aide beaucoup à améliorer mes skills de designateur web. Vous etes TOP !!!
bien expliqué, merci !
souvent on retrouve des fichiers qui commencent par un underscore _fichier.scss, cela n'est plus obligatoire ?
Oui ce n'est plus obligatoire aujourd'hui, c'est plus un vestige de l'époque de sass sur ruby.
Bon enseignement
Pour ceux qui souhaite avoir une meilleure lisibilité sur la doc, devdoc regroupe un ensemble de documentations de librairies (angular, sass, js, http, etc)
devdocs.io/sass/
Merci ! Série Sass excellente, comme le reste ;)
Petite remarque : je suis étonné de voir un @media disséminé en plein milieu d'un table dans le scss (vers 5'10, 5'25). Bien qu'autorisé, ça me semble pas top de faire comme ça ?!? J'ai appris à placer 3 ou 4 @media query, soit, 1 par taille d'écran pour bien structurer son (S)CSS (d'ailleurs grafikart nous montre ce découpage par taille d'écran dans son cours sur le développement "mobile first" de souvenir, non ? ). Effectivement, ici, ce disseminage de @media propvoque des entrées redondantes coté CSS au lieu de tout regrouper sous un meme bloc...Il faudrait donc plutot créer un scss par taille d'écran pour éviter ça, enfin il me semble ?!....
Cela dépend vraiment de ton style mais je trouve que parfois avoir les média query dans le même élément permet de plus rapidement localiser les règles affectant un élément. Ensuite tu as parfaitement raison pour la partie redondance j'utilise github.com/hail2u/node-css-mqpacker afin de combiner les choses à la fin.
Comment s'appelle le préprocesseur qui regroupe les propriétés liées aux mediaqueries ?
Tu parles de compass non ?
@@r6anthonyr679 Il en parle à 5:10
@@MrJohAA oui c'est compass
@@r6anthonyr679 Merci
@@MrJohAA de rien j'aime aider :)
Merci
gg