Укладзены імпарт у 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;
}