Ακύρωση μεταγλώττισης των mixins στο LESS
Η κλάση που χρησιμοποιούμε ως mixin, θα εμφανιστεί και στο αποτέλεσμα της μεταγλώττισης.
Ωστόσο, υπάρχουν περιπτώσεις όπου θέλουμε να δημιουργήσουμε ένα τμήμα κώδικα, ως προκατασκευασμένο κομμάτι, για χρήση σε άλλα σημεία του κώδικα, και ταυτόχρονα αυτό το κομμάτι από μόνο του δεν πρόκειται να χρησιμοποιηθεί.
Για να ακυρώσετε τη μεταγλώττιση ενός mixin πρέπει να βάλετε μετά το όνομά του παρενθέσεις, έτσι:
.mix() {
width: 100px;
height: 100px;
}
Πείτε, ποιο θα είναι το αποτέλεσμα μεταγλώττισης του παρακάτω κώδικα:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Πείτε, ποιο θα είναι το αποτέλεσμα μεταγλώττισης του παρακάτω κώδικα:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Δημιουργήστε ένα mixin .tnr, που θα
ορίζει την οικογένεια γραμματοσειράς Times New Roman.
Δημιουργήστε ένα mixin .df, που θα
ορίζει την ιδιότητα display με τιμή
flex.
Δημιουργήστε ένα mixin .bold, που θα
ορίζει την ιδιότητα font-weight με τιμή
bold.
Δημιουργήστε ένα mixin .nowrap, που θα
ορίζει την ιδιότητα white-space με τιμή
nowrap.