Import Bersarang di SASS
Biasanya @import digunakan di awal dokumen,
tapi preprocessor SASS memungkinkan untuk mengimpor file
di bagian mana pun dari file yang kita butuhkan, termasuk
di dalam selector.
Mari kita lihat contoh berikut:
.active {
color: blue;
}
Selanjutnya, impor file tersebut ke dalam file style.scss:
div {
@import "main";
}
Sekarang mari kita lihat hasil kompilasinya:
div .active {
color: blue;
}
Buat file navbar.scss
dengan konten berikut:
.link {
color: red;
font-size: 12px;
}
Kemudian impor fragmen ini ke dalam
blok #main file
styles.scss dan lakukan kompilasi
ke styles.css.
