LESS တွင် mixin ကိုတိုက်ရိုက် compile မလုပ်ခြင်း

styles.less.mix() {
  width: 100px;
  height: 100px;
}

Задание 1

အောက်ပါကုဒ်၏ compile ရလဒ်သည် ဘာဖြစ်မည်ကို ပြောပြပါ:

styles.less.mix() {
  color: white;
  background: black;
}

p {
  .mix;
  width: 300px;
}

Задание 2

အောက်ပါကုဒ်၏ compile ရလဒ်သည် ဘာဖြစ်မည်ကို ပြောပြပါ:

styles.less.mix1() {
  color: white;
  background: black;
}
.mix2() {
  width: 300px;
  height: 300px;
}

p {
  .mix1;
  .mix2;
}

Задание 3

.tnr ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် Times New Roman font family ကို သတ်မှတ်ပေးရမည်။

Задание 4

.df ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် display property ၏တန်ဖိုးကို flex အဖြစ် သတ်မှတ်ပေးရမည်။

Задание 5

.bold ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် font-weight property ၏တန်ဖိုးကို bold အဖြစ် သတ်မှတ်ပေးရမည်။

Задание 6

.nowrap ဟုခေါ်သည့် mixin တစ်ခုကို ပြုလုပ်ပါ။ ၎င်းသည် white-space property ၏တန်ဖိုးကို nowrap အဖြစ် သတ်မှတ်ပေးရမည်။