Ugnježdeni import u SASS
Obično se @import koristi na početku dokumenta,
ali SASS preprocesor omogućava uvoz fajlova
u bilo koji deo željenog fajla, uključujući i
unutar selektora.
Razmotrimo sledeći primer:
.active {
color: blue;
}
Zatim ga importujemo u fajl style.scss:
div {
@import "main";
}
Pogledajmo sada rezultat kompilacije:
div .active {
color: blue;
}
Kreirajte fajl navbar.scss
sa sledećim sadržajem:
.link {
color: red;
font-size: 12px;
}
Zatim importujte ovaj fragment u
blok #main fajla
styles.scss i izvršite kompilaciju
u styles.css.