Import Bersarang dalam SASS

Biasanya @import digunakan pada awal dokumen, tetapi preprocessor SASS membenarkan fail diimport di mana-mana bahagian fail yang kita perlukan, termasuk ke dalam dalam pemilih.

Pertimbangkan contoh berikut:

main.scss.active {
  color: blue;
}

Seterusnya, import fail tersebut ke dalam fail style.scss:

style.scssdiv {
  @import "main";
}

Sekarang mari kita lihat hasil kompilasi:

style.cssdiv .active {
  color: blue; 
}

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