Vnorený import v SASS

Zvyčajne @import používajú na začiatku dokumentu, no preprocesor SASS umožňuje importovať súbory do akýchkoľvek častí potrebného súboru, vrátane vnútra selektorov.

Zvážme nasledujúci príklad:

main.scss.active {
  color: blue;
}

Ďalej ho importujme do súboru style.scss:

style.scssdiv {
  @import "main";
}

Teraz sa pozrime na výsledok kompilácie:

style.cssdiv .active {
  color: blue; 
}

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