Cancelando a compilação de mixins em LESS
A classe que usamos como um mixin também será incluída no resultado da compilação.
No entanto, há situações em que queremos criar um trecho de código como um modelo, para uso em outras partes do código, e este trecho por si só não será utilizado.
Para cancelar a compilação de um mixin, é necessário colocar parênteses após o seu nome, assim:
.mix() {
width: 100px;
height: 100px;
}
Qual será o resultado da compilação do seguinte código?
.mix() {
color: white;
background: black;
}
p {
.mix;
width: 300px;
}
Qual será o resultado da compilação do seguinte código?
.mix1() {
color: white;
background: black;
}
.mix2() {
width: 300px;
height: 300px;
}
p {
.mix1;
.mix2;
}
Crie um mixin .tnr que irá
definir a família de fontes para Times New Roman.
Crie um mixin .df que irá
definir a propriedade display para o valor
flex.
Crie um mixin .bold que irá
definir a propriedade font-weight para o valor
bold.
Crie um mixin .nowrap que irá
definir a propriedade white-space para o valor
nowrap.