Verschachteltes Importieren in SASS
Normalerweise wird @import am Anfang eines Dokuments verwendet,
aber der Präprozessor SASS erlaubt es, Dateien
in beliebigen Teilen unserer Zieldatei zu importieren, einschließlich
innerhalb von Selektoren.
Betrachten wir das folgende Beispiel:
.active {
color: blue;
}
Als nächstes importieren wir es in die Datei style.scss:
div {
@import "main";
}
Sehen wir uns nun das Ergebnis der Kompilierung an:
div .active {
color: blue;
}
Erstellen Sie eine Datei navbar.scss
mit folgendem Inhalt:
.link {
color: red;
font-size: 12px;
}
Importieren Sie dann dieses Fragment in
den Block #main der Datei
styles.scss und führen Sie die Kompilierung
in styles.css durch.
