SASS-da Ichki Import
Odatda @import hujjat boshida ishlatiladi,
lekin SASS preprotsessori fayllarni istalgan faylimizning
istalgan qismiga, shu jumladan selektorlar ichiga ham
import qilish imkonini beradi.
Quyidagi misolni ko'rib chiqamiz:
.active {
color: blue;
}
Endi uni style.scss fayliga import qilamiz:
div {
@import "main";
}
Endi kompilyatsiya natijasini ko'rib chiqamiz:
div .active {
color: blue;
}
Quyidagi mazmundagi navbar.scss
faylini yarating:
.link {
color: red;
font-size: 12px;
}
Keyin ushbu fragmentni styles.scss
faylining #main blokiga import qiling
va styles.css ga kompilyatsiya qiling.