Ενσωματωμένη Εισαγωγή στο SASS

Συνήθως το @import χρησιμοποιείται στην αρχή του εγγράφου, αλλά ο προεπεξεργαστής SASS επιτρέπει την εισαγωγή αρχείων σε οποιοδήποτε σημείο του αρχείου μας, συμπεριλαμβανομένου και μέσα σε επιλογείς.

Ας εξετάσουμε το ακόλουθο παράδειγμα:

main.scss.active {
  color: blue;
}

Στη συνέχεια, θα το εισάγουμε στο αρχείο style.scss:

style.scssdiv {
  @import "main";
}

Τώρα ας δούμε το αποτέλεσμα της μεταγλώττισης:

style.cssdiv .active {
  color: blue; 
}

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