Імпартаванне файлаў у SASS

Пры рабоце з файламі SASS бывае неабходна перанесці код з дакумента .scss, але без стварэння яго клона з пашырэннем .css, г. зн. імпартаваць яго фрагмент.

Напрыклад, у нас ёсць файл navbar.scss з наступным кодам:

.active {
	color: red;
}

Для таго, каб ажыццявіць такі выгляд імпарту спачатку трэба дадаць ніжняе падкрэсліванне перад імем файла, вось так: _navbar.scss. Затым у іншы файл style.scss запісваем дырэктыву @import, але ў назве імпартуемага файла ніжняе падкрэсліванне, як і пашырэнне файла не паказваем:

@import "navbar";

І бачым, што ў нас пры кампіляцыі ў style.css імпартаваўся код файла _navbar.scss:

.active {
	color: red; 
}

Стварыце файл main.scss з наступным зместам:

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

Затым імпартуйце яго фрагмент у файл styles.scss і скампілюйце ў styles.css.