Файлҳоро ба SASS ворид кардан

Ҳангоми кор бо файлҳои SASS зарурат ба миён меояд, ки қард аз ҳуҷҷати .scss кӯчонида шавад, аммо бе сохтани клони он бо васеъшавӣ .css, яъне порчаи он ворид карда шавад.

Масалан, мо файли navbar.scss бо қарди зерин дорем:

.active {
	color: red;
}

Барои он ки чунин намуди воридотро анҷом диҳем, аввал бояд хати поёнӣ (underscore) пеш аз номи файл илова кунем, ин тавр: _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 компилят кунед.