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

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

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

main.scss.active {
  color: blue;
}

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

style.scssdiv {
  @import "main";
}

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

style.cssdiv .active {
  color: blue; 
}

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