Hủy biên dịch mixin trong LESS

Lớp mà chúng ta sử dụng như một mixin, cũng sẽ xuất hiện trong kết quả biên dịch.

Tuy nhiên, có những tình huống chúng ta muốn tạo ra một đoạn code nào đó, như một bản mẫu, để sử dụng ở những chỗ khác trong code, và bản thân đoạn code đó sẽ không được sử dụng một mình.

Để hủy biên dịch mixin, cần đặt sau tên của nó dấu ngoặc tròn, như thế này:

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

Задание 1

Hãy cho biết kết quả biên dịch của đoạn code sau sẽ như thế nào:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Hãy cho biết kết quả biên dịch của đoạn code sau sẽ như thế nào:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Hãy tạo mixin .tnr, mixin này sẽ đặt font-family là Times New Roman.

Задание 4

Hãy tạo mixin .df, mixin này sẽ đặt thuộc tính display với giá trị flex.

Задание 5

Hãy tạo mixin .bold, mixin này sẽ đặt thuộc tính font-weight với giá trị bold.

Задание 6

Hãy tạo mixin .nowrap, mixin này sẽ đặt thuộc tính white-space với giá trị nowrap.