Truque simples para otimizar suas bibliotecas de mixins MENOS

Quando se trata de criar um mixin não paramétrico, a página inicial do LESS diz:

.bordered {
    border-top: dotted 1px black;
    border-bottom: solid 2px black;
}

Então você pode fazer:

.container {
    .bordered
}

A coisa neste código é que o seu .bordred definição mixin será outputed à sua CSS não importa o que , mesmo se você mudar de idéia e, finalmente, não quero usá-lo em sua .container .

Para alterar esse comportamento, você pode simplesmente adicionar parênteses vazios logo após mixar o nome, para que fique:

.bordered() {
    border-top: dotted 1px black;
    border-bottom: solid 2px black;
}

Isso é muito útil se você deseja manter uma biblioteca de definições que não aumentam o peso da saída até que sejam realmente usadas.

Por último, mas não menos importante, também ajuda na nomenclatura; .bordered é uma classe que uso como tal, enquanto .bordered () é um mixin.