SASS да ички импорт
Одатда @import ҳужжат бошланғич қисмида ишлатилади,
лекин SASS препроцессори бизга файлларни исталган жойдан,
ҳатто селекторлар ичидан ҳам импорт қилиш имконини беради.
Куйидаги мисолни кўрайлик:
.active {
color: blue;
}
Энди уни style.scss файлига импорт қиламиз:
div {
@import "main";
}
Энди компиляция натижасини кўрамиз:
div .active {
color: blue;
}
navbar.scss файлини яратинг
ва унга куйидаги мазмунни киритинг:
.link {
color: red;
font-size: 12px;
}
Сўнгра бу фрагментни
styles.scss файлининг #main блогига
импорт қилинг ва компиляцияни
styles.css файлига амалга оширинг.
