Імпартаванне файлаў у 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;
}