ჩადგმული იმპორტი SASS-ში

ჩვეულებრივ @import გამოიყენება დოკუმენტის დასაწყისში, მაგრამ SASS პრეპროცესორი საშუალებას აძლევს ფაილების იმპორტირებას ჩვენთვის სასურველი ფაილის ნებისმიერ ნაწილში, მათ შორის სელექტორების შიგნით.

განვიხილოთ შემდეგი მაგალითი:

.active {
	color: blue;
}

შემდეგ იმპორტირებთ მას style.scss ფაილში:

div {
	@import "main";
}

ახლა ვნახოთ კომპილაციის შედეგი:

div .active {
	color: blue; 
}

შექმენით ფაილი navbar.scss შემდეგი შიგთავსით:

.link {
	color: red;
	font-size: 12px;
}

შემდეგ იმპორტირებეთ ეს ფრაგმენტი ბლოკში #main ფაილის styles.scss და ჩაატარეთ კომპილაცია ფაილში styles.css.