Nestad import i SASS

Vanligtvis används @import i början av ett dokument, men preprocessorn SASS tillåter import av filer i vilka delar som helst av vår målfil, inklusive inuti selektorer.

Låt oss överväga följande exempel:

main.scss.active {
  color: blue;
}

Låt oss sedan importera den till filen style.scss:

style.scssdiv {
  @import "main";
}

Låt oss nu titta på resultatet av kompileringen:

style.cssdiv .active {
  color: blue; 
}

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