SASS ရှိ Mixins များ

ဤသင်ခန်းစာတွင် အခြား class တစ်ခု၏အတွင်းသို့ class တစ်ခုကို ထည့်သွင်းခွင့်ပြုပေးသော mixins (ရောစပ်သုံးစွဲခြင်း) နှင့် ကျွန်ုပ်တို့ မိတ်ဆက်ကြမည်။ ၎င်းသည် မည်သည်ကိုဆိုလိုပြီး ၎င်းနှင့်မည်သို့အလုပ်လုပ်ရမည်ကို ရှင်းလင်းစွာနားလည်ကြစို့။

အခြေခံအားဖြင့် ရောစပ်သုံးစွဲခြင်းဆိုသည်မှာ class များကို အခြား class များအတွင်း၌ အသုံးပြုခြင်းဖြစ်သည်၊ ထိုသို့အသုံးပြုရာတွင် class တစ်ခုသည် ကြိုတင်ပြင်ဆင်ထားသော code အပိုင်းအစတစ်ခု (template) အဖြစ် ဆောင်ရွက်ပြီး ကျွန်ုပ်တို့သည် ထို code အပိုင်းအစကို နေရာအများအပြား၌ အသုံးပြုနိုင်သည်။

၎င်းသည် မည်သို့ အဆင်ပြေသနည်း။ CSS သက်သက်တွင် ကျွန်ုပ်တို့သည် လိုအပ်သည့်နေရာတိုင်း၌ ကြိုတင်ပြင်ဆင်ထားသော code ကို ရိုက်ထည့်ရန် လိုအပ်သော်လည်း SASS တွင် ၎င်းကို တစ်နေရာတည်း၌ ရေးသားပြီး နောက်ထို့နောက် code ၏ လိုအပ်သောနေရာများသို့ ချိတ်ဆက်အသုံးပြုနိုင်သည်။

Mixins များကို ကြေညာခြင်းအတွက် @mixin directive ကို အသုံးပြုပြီး၊ ၎င်းနောက်တွင် ၎င်း၏အမည်၊ parameters များနှင့် body ပါဝင်သည့် block ကို ဖော်ပြရပါမည်။

@mixin mix {
	width: 100px;
	height: 100px;
}