SASS ဘာသာစကားသို့ မိတ်ဆက်

ဤသင်ကြားရေးစာအုပ်တွင် ကျွန်ုပ်တို့သည် SASS preprocessor ကို လေ့လာသွားပါမည်။ SASS သည် CSS တွင် ပရိုဂရမ်ရေးသားခွင့်ပြုသည့် LESS preprocessor ၏ အခြားရွေးချယ်စရာတစ်ခုဖြစ်ပါသည်။

တကယ်တော့ SASS တွင် syntax အမျိုးအစားနှစ်မျိုးရှိပြီး၊ ပထမအမျိုးအစားကိုလည်း SASS လို့ခေါ်ပြီး ဒုတိယအမျိုးအစားကို SCSS လို့ခေါ်ပါတယ်။ နှစ်ခုလုံးသည် အင်္ဂါရပ်အစုံတူညီစွာကို ပံ့ပိုးပေးပြီး syntax အနည်းငယ်သာ ကွဲပြားပါသည်။ သို့သော် SCSS သည် ပိုမိုအသစ်ဖြစ်ပြီး ကျယ်ကျယ်ပြန့်ပြန့်အသုံးပြုနေသောကြောင့် ဤသင်ခန်းစာတွင် ကျွန်ုပ်တို့သည် ၎င်းကိုပင် လေ့လာသွားမည်ဖြစ်သည်။

ဒါကြောင့် SCSS syntax သည် CSS syntax နှင့်ဆင်တူပါတယ်၊ ဆိုလိုသည်မှာ ကျွန်ုပ်တို့သည် CSS တွင်မြင်တွေ့ရသည့် အလားတူ ကွင်းကောက်များနှင့် အလားတူ ကော်မာပါသည့် ကိုက်ညှပ်အမှတ်အသားများကို တွေ့မြင်ရမည်ဖြစ်သည်။ SCSS syntax ၏ ဥပမာတစ်ခုကို ကြည့်ရှုကြည့်ပါ၊ အဲဒီမှာ ကျွန်ုပ်တို့သည် variable များကို ဖောင့်နှင့် အရောင်တန်ဖိုးထည့်ပြီး ထို variable များကို body selector အတွင်းရှိ properties များထဲသို့ ထည့်သွင်းပေးပါမည်။

$font: Helvetica, sans-serif;
$color: #333;

body {
	font: $font;
	color: $color;
}