SASS da fayllarni import qilish
SASS fayllari bilan ishlashda
.scss hujjatidan kodni olib keling,
lekin .css kengaytmasi bilan uning klonini yaratmasdan,
ya'ni uning fragmentini import qiling.
Misol uchun, bizda quyidagi kodga ega navbar.scss fayli mavjud:
.active {
color: red;
}
Bunday import turini amalga oshirish uchun
avval fayl nomi oldiga pastki chiziq qo'shish kerak,
shu tarzda: _navbar.scss.
Keyin boshqa style.scss fayliga
@import direktivasini yozamiz,
lekin import qilinayotgan fayl nomida pastki chiziq
va fayl kengaytmasi ko'rsatilmaydi:
@import "navbar";
Va ko'ramizki, style.css ga kompilyatsiya qilishda
_navbar.scss faylining kodi import qilindi:
.active {
color: red;
}
Quyidagi mazmundagi main.scss
faylini yarating:
.block-content {
padding: 10px;
margin-left: auto;
width: 600px;
font-size: 14px;
}
Keyin uning fragmentini
styles.scss fayliga import qiling
va styles.css ga kompilyatsiya qiling.
