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