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:

main.scss.active {
  color: blue;
}

Nato ga importirajmo v datoteko style.scss:

style.scssdiv {
  @import "main";
}

Zdaj pa poglejmo rezultat kompilacije:

style.cssdiv .active {
  color: blue; 
}

Задание 1

Ustvarite datoteko navbar.scss z naslednjo vsebino:

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

Nato importirajte ta fragment v blok #main datoteke styles.scss in izvedite kompilacijo v styles.css.