Importación anidada en SASS
Normalmente @import se usa al principio del documento,
pero el preprocesador SASS permite importar archivos
en cualquier parte del archivo que necesitemos, incluso
dentro de selectores.
Consideremos el siguiente ejemplo:
.active {
color: blue;
}
A continuación, importémoslo al archivo style.scss:
div {
@import "main";
}
Ahora veamos el resultado de la compilación:
div .active {
color: blue;
}
Crea un archivo navbar.scss
con el siguiente contenido:
.link {
color: red;
font-size: 12px;
}
Luego importa este fragmento en
el bloque #main del archivo
styles.scss y realiza la compilación
a styles.css.
