SASS ရှိ ကိန်းရှင်များ

SASS ဘာသာစကားသည် ကိန်းရှင်များ အသုံးပြုခွင့်ပေးသည်။ ကိန်းရှင်ဆိုသည်မှာ ဒေတာအချို့ကို သိမ်းဆည်းထားပြီး ကုဒ်၏လိုအပ်သောနေရာများတွင် အသုံးပြုနိုင်သော ကွန်တိန်နာတစ်ခုဖြစ်သည်။

ကိန်းရှင်တစ်ခုဖန်တီးရန် ၎င်း၏နာမည်ကို ကြံစည်ပြီး ၎င်းရှေ့တွင် $ သင်္ကေတကို ထားရပါမည်။ ထို့နောက် ကိန်းရှင်အမည်၏နောက်တွင် ကိုလုံးထိုးကိုထားပြီး ထိုကိန်းရှင်၏တန်ဖိုးကို သတ်မှတ်ပေးပါ။ ဥပမာအနေနှင့် var ဟူသောအမည်ရှိ ကိန်းရှင်တစ်ခုကို ပြုလုပ်ကြည့်ပါစို့။

styles.scss$var: 20px;

ယခုတွင် ဤကိန်းရှင်ကို ဂုဏ်သတ္တိတစ်ခု၏တန်ဖိုးအဖြစ် အသုံးပြုကြည့်ရအောင်။

styles.scssp {
  font-size: $var;
}

ရလဒ်အနေဖြင့် CSS သို့ ကွန်ပြိုင်လုပ်ပြီးနောက် ကျွန်ုပ်တို့၏ကိန်းရှင်နေရာတွင် ၎င်း၏တန်ဖိုးကို အစားထိုးပေးပါလိမ့်မည်။

styles.cssp {
  font-size: 20px;
}

styles.scss$color: #000;

p {
  color: $color;
}