Pembatalan Kompilasi Mixin di LESS

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

Namun, ada situasi di mana kita ingin membuat suatu potongan kode, sebagai bahan jadi, untuk digunakan di tempat lain dalam kode, dan pada saat yang sama potongan kode ini sendiri tidak akan digunakan secara mandiri.

Untuk membatalkan kompilasi mixin, perlu ditempatkan tanda kurung setelah namanya, seperti ini:

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

Задание 1

Jelaskan, bagaimana hasil kompilasi dari kode berikut:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Jelaskan, bagaimana hasil kompilasi dari kode berikut:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Buatlah mixin .tnr, yang akan menetapkan font keluarga Times New Roman.

Задание 4

Buatlah mixin .df, yang akan menetapkan properti display ke nilai flex.

Задание 5

Buatlah mixin .bold, yang akan menetapkan properti font-weight ke nilai bold.

Задание 6

Buatlah mixin .nowrap, yang akan menetapkan properti white-space ke nilai nowrap.