Угњежђени импорт у 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.