Die invoer van lêers in SASS

Wanneer jy met SASS-lêers werk, is dit soms nodig om kode uit 'n .scss-dokument oor te dra, maar sonder om 'n klone daarvan met 'n .css-uitbreiding te skep, d.w.s. om 'n fragment daarvan in te voer.

Byvoorbeeld, ons het 'n lêer navbar.scss met die volgende kode:

.active {
	color: red;
}

Om hierdie tipe invoer uit te voer, moet jy eers 'n onderstreep voor die lêernaam byvoeg, soos volg: _navbar.scss. Daarna skryf ons in 'n ander lêer style.scss die richtlijn @import, maar in die naam van die ingevoerde lêer spesifiseer ons nie die onderstreep of die lêeruitbreiding nie:

@import "navbar";

En ons sien dat by kompilering in style.css die kode van die lêer _navbar.scss ingevoer is:

.active {
	color: red; 
}

Skep 'n lêer main.scss met die volgende inhoud:

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

Voer dan 'n fragment daarvan in die lêer styles.scss in en kompileer dit na styles.css.