Pembatalan Kompilasi Mixin dalam LESS

Kelas yang kita gunakan sebagai mixin, juga akan dimasukkan ke dalam hasil kompilasi.

Walau bagaimanapun, terdapat situasi di mana kita mahu membuat sebahagian kod, sebagai templat, untuk digunakan di tempat lain dalam kod, dan pada masa yang sama bahagian ini sendiri tidak akan digunakan secara sendirian.

Untuk membatalkan kompilasi mixin, anda perlu meletakkan tanda kurung selepas namanya, seperti ini:

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

Задание 1

Terangkan, apakah hasil kompilasi kod berikut:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Terangkan, apakah hasil kompilasi kod berikut:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Buat mixin .tnr, yang akan mengatur fon keluarga Times New Roman.

Задание 4

Buat mixin .df, yang akan mengatur sifat display kepada nilai flex.

Задание 5

Buat mixin .bold, yang akan mengatur sifat font-weight kepada nilai bold.

Задание 6

Buat mixin .nowrap, yang akan mengatur sifat white-space kepada nilai nowrap.