Vnořený import v SASS

Obvykle se @import používá na začátku dokumentu, ale preprocesor SASS umožňuje importovat soubory do libovolné části našeho souboru, včetně uvnitř selektorů.

Podívejme se na následující příklad:

main.scss.active {
  color: blue;
}

Dále jej importujeme do souboru style.scss:

style.scssdiv {
  @import "main";
}

Nyní se podívejme na výsledek kompilace:

style.cssdiv .active {
  color: blue; 
}

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