Geneste import in SASS

Normaal gesproken wordt @import aan het begin van een document gebruikt, maar de preprocessor SASS maakt het mogelijk om bestanden te importeren in elk gewenst deel van ons doelbestand, inclusief binnen in selectors.

Laten we het volgende voorbeeld bekijken:

main.scss.active {
  color: blue;
}

Vervolgens importeren we het in het bestand style.scss:

style.scssdiv {
  @import "main";
}

Laten we nu het resultaat van de compilatie bekijken:

style.cssdiv .active {
  color: blue; 
}

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