Conversor CSS para LESS

O LESS já aceita CSS puro, então migrar uma folha de estilo raramente é reescrever regra. É lidar com as variáveis. Um arquivo moderno cheio de --brand e var(--brand) compila sem erro, e você acaba mantendo dois sistemas de variável convivendo no mesmo projeto. Esta página faz a troca: cola o CSS e o mesmo código volta com @brand no lugar das custom properties.

É um localizar e substituir cirúrgico, não um reformatador. Valem duas regras: --nome: valor; vira @nome: valor;, e var(--nome) vira @nome. Chaves, ponto e vírgula, comentários e ordem das regras passam intocados, de propósito, porque LESS é superconjunto de CSS e o arquivo precisa continuar válido. Isso também deixa os dois painéis fáceis de comparar linha a linha antes de salvar.

Duas coisas ficam para você ajustar. A forma com fallback, tipo var(--gap, 8px), não é reconhecida e passa igual, então escolha o valor na mão. E se as custom properties moravam dentro de :root, elas são convertidas ali mesmo, sendo que variável de LESS declarada dentro de um bloco só existe dentro dele: suba as declarações @ para o topo do arquivo. Declaração sem ponto e vírgula final também escapa. São dois campos, sem botão de copiar, convertendo enquanto você digita, localmente.