Geneste import in SASS
Normaal gesproken wordt @import aan het begin van een document gebruikt,
maar de preprocessor SASS maakt het mogelijk om bestanden te importeren
in elk gewenst deel van ons doelbestand, inclusief
binnen in selectors.
Laten we het volgende voorbeeld bekijken:
.active {
color: blue;
}
Vervolgens importeren we het in het bestand style.scss:
div {
@import "main";
}
Laten we nu het resultaat van de compilatie bekijken:
div .active {
color: blue;
}
Maak een bestand navbar.scss aan
met de volgende inhoud:
.link {
color: red;
font-size: 12px;
}
Importeer dit fragment vervolgens in
blok #main van het bestand
styles.scss en voer compilatie uit
naar styles.css.
