Utilisation de la méthode extend
Objectifs
Les objectifs de cette vidéo sont d'apprendre à utiliser la méthode extend de SASS pour le prototypage rapide et d'optimiser le code CSS.
Résumé
Apprenez les techniques efficaces de prototypage avec SASS, en utilisant la méthode extend pour optimiser votre code CSS.
Description
Dans cette leçon, nous explorons les capacités de prototypage offertes par SASS, en mettant l'accent sur l'utilisation de la méthode extend. Nous commençons par créer un nouveau fichier partiel appelé footer.scss dans notre projet. Dans le fichier index.html, nous ajoutons un footer contenant plusieurs div, chacune ayant une classe distincte.
Ensuite, nous définissons des styles arbitraires pour la première div avec des valeurs telles que la largeur, la hauteur et une couleur de fond. Nous appliquons ensuite la méthode extend aux autres div pour partager ces styles communs tout en permettant la personnalisation de certaines propriétés comme la couleur de fond.
Enfin, nous expliquons comment inclure ce fichier partiel dans le fichier principal screen.scss et vérifier les résultats dans le navigateur. Cette méthode démontre comment SASS peut rationaliser le processus de codage et améliorer l'efficacité du travail de développement.