Conversor LESS para CSS

Você abriu um tema antigo escrito em LESS, quer entender um bloco ou reaproveitar duas regras, e não tem o compilador na máquina. Montar Node e instalar o lessc para ler trinta linhas não compensa. A ideia aqui é mais modesta e mais rápida: limpar o que é sintaxe de LESS e devolver algo próximo de CSS, bom o suficiente para leitura e conferência visual.

São três operações de texto, sem parser. As linhas que declaram variável com arroba e dois pontos são removidas, os comentários de barra dupla são apagados, e cada referência a uma variável com arroba vira a custom property equivalente. Repare que o par não fecha sozinho: como as declarações somem, as custom properties que restam na saída não estão definidas em lugar nenhum. Você precisa recriar o bloco raiz com esses valores olhando o arquivo original.

Trate como aproximação, nunca como build. Aninhamento e chamada de mixin passam sem mudança, então o resultado ainda não é CSS plano. Duas coisas exigem revisão manual na saída: endereço dentro de url com barra dupla é cortado junto com os comentários, e as regras que começam com arroba, como media e import, também são reescritas pela mesma troca. Confira essas linhas. Para CSS de produção, use o lessc ou o plugin do bundler. Roda no navegador.