Увоз датотека у 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.