Ακύρωση μεταγλώττισης των mixins στο LESS

Η κλάση που χρησιμοποιούμε ως mixin, θα εμφανιστεί και στο αποτέλεσμα της μεταγλώττισης.

Ωστόσο, υπάρχουν περιπτώσεις όπου θέλουμε να δημιουργήσουμε ένα τμήμα κώδικα, ως προκατασκευασμένο κομμάτι, για χρήση σε άλλα σημεία του κώδικα, και ταυτόχρονα αυτό το κομμάτι από μόνο του δεν πρόκειται να χρησιμοποιηθεί.

Για να ακυρώσετε τη μεταγλώττιση ενός mixin πρέπει να βάλετε μετά το όνομά του παρενθέσεις, έτσι:

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

Задание 1

Πείτε, ποιο θα είναι το αποτέλεσμα μεταγλώττισης του παρακάτω κώδικα:

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

p {
  .mix;
  width: 300px;
}

Задание 2

Πείτε, ποιο θα είναι το αποτέλεσμα μεταγλώττισης του παρακάτω κώδικα:

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

p {
  .mix1;
  .mix2;
}

Задание 3

Δημιουργήστε ένα mixin .tnr, που θα ορίζει την οικογένεια γραμματοσειράς Times New Roman.

Задание 4

Δημιουργήστε ένα mixin .df, που θα ορίζει την ιδιότητα display με τιμή flex.

Задание 5

Δημιουργήστε ένα mixin .bold, που θα ορίζει την ιδιότητα font-weight με τιμή bold.

Задание 6

Δημιουργήστε ένα mixin .nowrap, που θα ορίζει την ιδιότητα white-space με τιμή nowrap.