Вгнезден импорт во SASS

Обично @import се користи на почетокот на документот, но препроцесорот SASS овозможува да се увезуваат датотеки во кој било дел од потребната датотека, вклучувајќи ги и внатре во селекторите.

Да го разгледаме следниот пример:

.active {
	color: blue;
}

Потоа да го импортираме во датотеката style.scss:

div {
	@import "main";
}

Сега да го погледнеме резултатот од компајлацијата:

div .active {
	color: blue; 
}

Создадете датотека navbar.scss со следнава содржина:

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

Потоа импортирајте го овој фрагмент во блокот #main на датотеката styles.scss и извршете компајлација во styles.css.