SASS-da faýllary importirlemek

SASS faýllary bilen işleýärkä, wagtal-wagtal .scss dokumentinden kody geçirmek gerek bolar, ýöne ony .css giňeldişli klon döretmän, ýagny onuň bölegini importirlemek.

Mysal üçin, bizde aşakdaky kody öz içine alýan navbar.scss faýly bar:

.active {
	color: red;
}

Importiriň bu görnüşini amala aşyrmak üçin, ilki bilen faýlyň adyňyň öňüne aşaky çyzygy goşmaly, şeýle: _navbar.scss. Soňra beýleki style.scss faýlyna @import direktiwasyny ýazýarys, ýöne importirlenýän faýlyň adynda aşaky çyzyk we faýl giňeldişi görkezilmeýär:

@import "navbar";

We görýäris, compileriş wagty style.css faýlyna _navbar.scss faýlynyň kody importirlandy:

.active {
	color: red; 
}

Aşakdaky mazmuny öz içine alýan main.scss faýlyny dörediň:

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

Soňra onuň bölegini styles.scss faýlyna importirleň we styles.css faýlyna compileriň.