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 файлына компиляция жасаңыз.