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:

main.scss.active {
  color: blue;
}

Zatim ga importujemo u fajl style.scss:

style.scssdiv {
  @import "main";
}

Pogledajmo sada rezultat kompilacije:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Kreirajte fajl navbar.scss sa sledećim sadržajem:

navbar.scss.link {
  color: red;
  font-size: 12px;
}

Zatim importujte ovaj fragment u blok #main fajla styles.scss i izvršite kompilaciju u styles.css.