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:
.mix() {
width: 100px;
height: 100px;
}
Jelaskan, bagaimana hasil kompilasi dari kode berikut:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Jelaskan, bagaimana hasil kompilasi dari kode berikut:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Buatlah mixin .tnr, yang akan
menetapkan font keluarga Times New Roman.
Buatlah mixin .df, yang akan
menetapkan properti display ke nilai
flex.
Buatlah mixin .bold, yang akan
menetapkan properti font-weight ke nilai
bold.
Buatlah mixin .nowrap, yang akan
menetapkan properti white-space ke nilai
nowrap.