Importation imbriquée dans SASS
Habituellement, @import est utilisé au début du document,
mais le préprocesseur SASS permet d'importer des fichiers
dans n'importe quelle partie de notre fichier, y compris
à l'intérieur des sélecteurs.
Examinons l'exemple suivant :
.active {
color: blue;
}
Ensuite, importons-le dans le fichier style.scss :
div {
@import "main";
}
Regardons maintenant le résultat de la compilation :
div .active {
color: blue;
}
Créez le fichier navbar.scss
avec le contenu suivant :
.link {
color: red;
font-size: 12px;
}
Ensuite, importez cet extrait dans
le bloc #main du fichier
styles.scss et effectuez la compilation
vers styles.css.
