সেলেক্টরগুলির মধ্যে গ্লোবাল ভেরিয়েবলগুলি SASS-এ

যদি আমরা ভেরিয়েবলগুলি নির্ধারণ করি যা সেলেক্টরগুলির মধ্যে অবস্থিত, তাহলে সেগুলি ব্যবহার করা আমরা শুধুমাত্র নির্দিষ্ট নেস্টিং লেভেলের সীমার মধ্যেই পারব। যাইহোক, যদি আমাদের প্রয়োজন হয় যে ভেরিয়েবলটি গ্লোবালভাবে অ্যাক্সেসযোগ্য হয়, তাহলে আমরা এটির মানের সাথে !global ট্যাগ যোগ করি। এর একটি উদাহরণ দেখা যাক:

styles.scssdiv {
  $height: 20px !global;
  height: $height;
}
#navbar {
  height: $height;
}

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

styles.cssdiv {
  height: 20px; 
}
#navbar {
  height: 20px; 
}

styles.scss#main {
  $font-family: Arial !global;
  font-family: $font-family;
}
#navbar {
  font-family: $font-family;
}