Zagnieżdżony import w SASS
Zwykle @import używa się na początku dokumentu,
ale preprocesor SASS pozwala importować pliki
w dowolne miejsca potrzebnego nam pliku, w tym także
do wnętrza selektorów.
Rozważmy następujący przykład:
.active {
color: blue;
}
Następnie zaimportujmy go do pliku style.scss:
div {
@import "main";
}
Teraz spójrzmy na wynik kompilacji:
div .active {
color: blue;
}
Utwórz plik navbar.scss
z następującą zawartością:
.link {
color: red;
font-size: 12px;
}
Następnie zaimportuj ten fragment do
bloku #main pliku
styles.scss i przeprowadź kompilację
do styles.css.
