Importering af filer i SASS

Når man arbejder med SASS-filer, kan det være nødvendigt at overføre kode fra et .scss-dokument, men uden at oprette en klon med filtypen .css, dvs. importere et fragment af det.

For eksempel har vi filen navbar.scss med følgende kode:

.active {
	color: red;
}

For at gennemføre denne type import skal man først tilføje en understregning foran filnavnet, sådan her: _navbar.scss. Derefter skriver vi @import-direktivet i en anden fil style.scss, men i navnet på den importerede fil angiver vi ikke understregningen eller filtypen:

@import "navbar";

Og vi ser, at ved kompilering til style.css blev koden fra filen _navbar.scss importeret:

.active {
	color: red; 
}

Opret filen main.scss med følgende indhold:

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

Importer derefter et fragment af den til filen styles.scss og kompiler den til styles.css.