SASS да ички импорт

Одатда @import ҳужжат бошланғич қисмида ишлатилади, лекин SASS препроцессори бизга файлларни исталган жойдан, ҳатто селекторлар ичидан ҳам импорт қилиш имконини беради.

Куйидаги мисолни кўрайлик:

main.scss.active {
  color: blue;
}

Энди уни style.scss файлига импорт қиламиз:

style.scssdiv {
  @import "main";
}

Энди компиляция натижасини кўрамиз:

style.cssdiv .active {
  color: blue; 
}

Задание 1

navbar.scss файлини яратинг ва унга куйидаги мазмунни киритинг:

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

Сўнгра бу фрагментни styles.scss файлининг #main блогига импорт қилинг ва компиляцияни styles.css файлига амалга оширинг.