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