رفتار پیشفرض برای دامنه متغیر را میتوان با استفاده از
سوئیچ !global.
!global نشان می دهد که یک متغیر جهانی است،
یعنی در همه سطوح قابل دسترسی است.
به مثال زیر نگاه کنید (همانطور که در بالا، اما با!global اضافه شد):
SCSS Syntax:
$myColor: red;
h1 {
$myColor: green !global;
color: $myColor;
}
p {
color: $myColor;
}
اکنون رنگ متن داخل تگ <p> سبز خواهد شد!
بنابراین، خروجی CSS خواهد بود:
CSS Output:
h1 {
color: green;
}
p {
color: green;
}
نکته: متغیرهای کلی باید خارج از هر قاعده ای تعریف شوند. میتوانست باشد
عاقلانه است که تمام متغیرهای سراسری را در فایل خود به نام "_globals.scss" تعریف کند و
فایل را با کلمه کلیدی @include وارد کنید.