SASS-এ ডিফল্ট ভেরিয়েবল

কিছু ক্ষেত্রে, যদি ভেরিয়েবলের মান এখনও সংজ্ঞায়িত না করা হয়, কিন্তু কোডে এটি ব্যবহার করার প্রয়োজন হয়, আমরা এটির জন্য একটি ডিফল্ট মান নির্ধারণ করতে পারি, যার পরে আমরা !default চিহ্ন বসাই।

এটা উল্লেখ করা গুরুত্বপূর্ণ যে যদি ভেরিয়েবলের মান ইতিমধ্যেই আগে নির্ধারিত হয়ে থাকে, তবে এটি আগের মতই থাকবে, কিন্তু যদি আমরা একটি নতুন খালি ভেরিয়েবল তৈরি করি, তবে এর জন্য ডিফল্ট মান নির্দিষ্ট করা হবে।

styles.scss$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;

#main {
  name: $name;
  new_name: $new_name;
}

উপরের কোড কম্পাইল করার ফলাফল হবে নিম্নরূপ:

styles.css#main {
  name: "John";
  new_name: "Mark";
}

যদি আমরা ভেরিয়েবলের মান null নির্ধারণ করি, !default এটিকে এমন হিসাবে বিবেচনা করবে যার কোন মান নেই:

styles.scss$name: null;
$name: "Bob" !default;

#main {
  name: $name;
}

কম্পাইল করার পর আমরা দেখব:

styles.css#main {
  name: "Bob"; 
}