Importimi i skedarëve në SASS

Gjatë punës me skedarët SASS ndodh që të ketë nevojë për të transferuar kodin nga një dokument .scss, por pa krijuar një klon të tij me shtesën .css, d.m.th. të importohet një fragment i tij.

Për shembull, ne kemi skedarin navbar.scss me kodin e mëposhtëm:

.active {
	color: red;
}

Për të kryer këtë lloj importi së pari duhet të shtoni një nënvizim përpara emrit të skedarit, kështu: _navbar.scss. Pastaj në një skedar tjetër style.scss shkruajmë directivën @import, por në emrin e skedarit që importohet, nënvizimi, ashtu si shtesa e skedarit, nuk tregohet:

@import "navbar";

Dhe shohim që gjatë përpilimit në style.css u importua kodi i skedarit _navbar.scss:

.active {
	color: red; 
}

Krijoni një skedar main.scss me përmbajtjen e mëposhtme:

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

Pastaj importoni një fragment të tij në skedarin styles.scss dhe përpilojeni në styles.css.