SASS'te Dosya İçe Aktarma

SASS dosyalarıyla çalışırken, bir .scss belgesinden kodu, onu .css uzantılı bir klonunu oluşturmadan aktarmak, yani bir parçasını içe aktarmak gerekli olabilir.

Örneğin, aşağıdaki koda sahip navbar.scss adlı bir dosyamız var:

.active {
	color: red;
}

Bu tür bir içe aktarma yapmak için öncelikle dosya adının önüne bir alt çizgi eklememiz gerekiyor, şu şekilde: _navbar.scss. Ardından, başka bir style.scss dosyasına @import direktifini yazıyoruz, ancak içe aktarılan dosyanın adında alt çizgi ve dosya uzantısını belirtmiyoruz:

@import "navbar";

Ve derleme sonucunda oluşan style.css dosyasında _navbar.scss dosyasının kodunun içe aktarıldığını görüyoruz:

.active {
	color: red; 
}

Aşağıdaki içeriğe sahip main.scss adlı bir dosya oluşturun:

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

Ardından onun bir parçasını styles.scss dosyasına içe aktarın ve styles.css dosyasına derleyin.