SASS-এ নেস্টেড ইম্পোর্ট

সাধারণত @import ডকুমেন্টের শুরুতে ব্যবহার করা হয়, কিন্তু SASS প্রিপ্রসেসর আমাদের ফাইলের যেকোনো অংশে, এমনকি সিলেক্টরের ভিতরেও ফাইল ইম্পোর্ট করতে দেয়।

নিম্নলিখিত উদাহরণটি বিবেচনা করুন:

.active {
	color: blue;
}

এরপর এটিকে style.scss ফাইলে ইম্পোর্ট করুন:

div {
	@import "main";
}

এখন কম্পাইলেশনের ফলাফল দেখি:

div .active {
	color: blue; 
}

নিম্নলিখিত বিষয়বস্তু সহ একটি navbar.scss ফাইল তৈরি করুন:

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

তারপর styles.scss ফাইলের #main ব্লকে এই স্নিপেটটি ইম্পোর্ট করুন এবং styles.css-এ কম্পাইল করুন।