Импортирање на датотеки во SASS

При работа со датотеки во SASS понекогаш е потребно да се пренесе код од документ .scss, но без создавање на негов клон со екстензија .css, т.е. да се импортира негов фрагмент.

На пример, имаме датотека navbar.scss со следниов код:

navbar.scss.active {
  color: red;
}

За да се изврши овој вид на импорт прво треба да се додаде долна црта пред името на датотеката, вака: _navbar.scss. Потоа во друга датотека style.scss ја запишуваме директивата @import, но во името на импортираната датотека долната црта, како и екстензијата на датотеката не се наведуваат:

style.scss@import "navbar";

И гледаме дека при компајлирање во style.css се импортирал кодот од датотеката _navbar.scss:

style.css.active {
  color: red; 
}

main.scss.block-content {
  padding: 10px;
  margin-left: auto;
  width: 600px;
  font-size: 14px;
}