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;
}