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 га компиляция қилинг.