Gnezdni import v SASS
Običajno @import uporabljajo na začetku dokumenta,
vendar predprocesor SASS omogoča uvoz datotek
v katerekoli dele naše datoteke, vključno
znotraj selektorjev.
Razmislimo o naslednjem primeru:
.active {
color: blue;
}
Nato ga importirajmo v datoteko style.scss:
div {
@import "main";
}
Zdaj pa poglejmo rezultat kompilacije:
div .active {
color: blue;
}
Ustvarite datoteko navbar.scss
z naslednjo vsebino:
.link {
color: red;
font-size: 12px;
}
Nato importirajte ta fragment v
blok #main datoteke
styles.scss in izvedite kompilacijo
v styles.css.
