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 файлына орындаңыз.