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 файлына компиляциялаңыз.