LESS ဖိုင္မမ်ား Import လုပ္ျခင္း

LESS ကုဒ္ေတြကို ဖိုင္မအမ်ိဳးမ်ိဳးခြဲျခားၿပီး၊ ေနာက္ဆုံးမွာ CSS ဖိုင္မတစ္ခုထဲကို စုေပါင္းႏိုင္ပါတယ္။ ဒါကို @import command ကိုသုံးၿပီး လုပ္ေဆာင္ပါတယ္။

ဥပမာတစ္ခု ၾကည့္ၾကရေအာင္။ ကၽြႏု္ပ္တို႔မွာ lib.less ဖိုင္မရွိတယ္ဆိုပါစို႔၊ အဲ့ဒီဖိုင္မ်ထဲမွာ အေထာက္အကူျပဳ function ေတြ ထည့္သြင္းထားမယ္။

lib.less.mix() {
  color: red;
}

အခု ဒီဖိုင္မကို ကၽြႏု္ပ္တို႔ရဲ႕ အဓိကဖိုင္ျဖစ္တဲ့ styles.less ထဲကို import လုပ္ၾကည့္ရေအာင္။

styles.less@import url('lib.less');

Import လုပ္ၿပီးတဲ့ေနာက္မွာ ကၽြႏု္ပ္တို႔ဖိုင္ထဲကို import လုပ္ထားတဲ့ဖိုင္မွအခ်က္အလက္အားလုံး ရရွိသြားပါၿပီ။ ဒါေၾကာင့္ ကၽြႏု္ပ္တို႔ဟာ .mix mixin ကို အသုံးျပဳႏိုင္ပါၿပီ။

styles.lessdiv {
  .mix;
}