Угњежђени импорт у SASS

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

Размотримо следећи пример:

main.scss.active {
  color: blue;
}

Затим га увезимо у датотеку style.scss:

style.scssdiv {
  @import "main";
}

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

style.cssdiv .active {
  color: blue;
}

Задание 1

Направите датотеку navbar.scss са следећим садржајем:

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

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