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:
.mix() {
width: 100px;
height: 100px;
}
Hãy cho biết kết quả biên dịch của đoạn code sau sẽ như thế nào:
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Hãy cho biết kết quả biên dịch của đoạn code sau sẽ như thế nào:
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Hãy tạo mixin .tnr, mixin này sẽ
đặt font-family là Times New Roman.
Hãy tạo mixin .df, mixin này sẽ
đặt thuộc tính display với giá trị
flex.
Hãy tạo mixin .bold, mixin này sẽ
đặt thuộc tính font-weight với giá trị
bold.
Hãy tạo mixin .nowrap, mixin này sẽ
đặt thuộc tính white-space với giá trị
nowrap.