SASS-এ ফাইল ইম্পোর্ট করা

SASS ফাইল নিয়ে কাজ করার সময় একটি .scss ডকুমেন্ট থেকে কোড নেওয়া প্রয়োজন হয়, কিন্তু .css এক্সটেনশন সহ এর ক্লোন তৈরি না করে, অর্থাৎ এর একটি অংশ ইম্পোর্ট করা।

উদাহরণস্বরূপ, আমাদের কাছে navbar.scss ফাইল রয়েছে যাতে নিম্নলিখিত কোড রয়েছে:

navbar.scss.active {
  color: red;
}

এই ধরনের ইম্পোর্ট করার জন্য প্রথমে ফাইলের নামের আগে একটি আন্ডারস্কোর যোগ করতে হবে এইভাবে: _navbar.scss। তারপর অন্য একটি ফাইল style.scss-এ @import ডাইরেক্টিভ লিখি, কিন্তু ইম্পোর্ট করা ফাইলের নামে আন্ডারস্কোর, এবং ফাইলের এক্সটেনশন উল্লেখ করি না:

style.scss@import "navbar";

এবং আমরা দেখতে পাই যে কম্পাইল করার পর style.css⁅/p‌‌‌‌⁆-এ _navbar.scss ফাইলের কোড ইম্পোর্ট হয়েছে:

style.css.active {
  color: red; 
}

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