SASS-та файлдарды импорттау

SASS файлдарымен жұмыс істеген кезде .scss құжатынан кодты ауыстыру қажет болады, бірақ оны .css кеңейтімімен клондаусыз, яғни оның фрагментін импорттау.

Мысалы, бізде төмендегі код бар navbar.scss файлы бар:

.active {
	color: red;
}

Мұндай импорт түрін жүзеге асыру үшін алдымен файл атауының алдына төменгі сызықты қосу керек, мына түрде: _navbar.scss. Содан кейін басқа style.scss файлына @import директивасын жазамыз, бірақ импортталатын файл атауында төменгі сызықты және файл кеңейтімін көрсетпейміз:

@import "navbar";

Және біз style.css-ке компиляциялаған кезде _navbar.scss файлының коды импортталғанын көреміз:

.active {
	color: red; 
}

Мына мазмұны бар main.scss файлын жасаңыз:

.block-content {
	padding: 10px;
	margin-left: auto;
	width: 600px;
	font-size: 14px;
}

Содан кейін оның фрагментін styles.scss файлына импорттаңыз және styles.css-ке компиляциялаңыз.