Util Monster
Gratuit
Collez du code LESS pour le compiler instantan e9ment en CSS avec le moteur less.js officiel. Prend en charge les variables (@var), l'imbrication, les mixins, les op e9rations et les fonctions int e9gr e9es.
🔒 La compilation s'ex e9cute enti e8rement dans votre navigateur — votre code n'est jamais envoy e9 e0 un serveur. M eame le bundle less.js est servi depuis ce site, pas depuis un CDN.
LESS (Leaner Style Sheets) est un pr e9processeur CSS qui ajoute des fonctions de programmation — variables, imbrication, mixins et op e9rations — au-dessus de CSS. Les navigateurs ne comprennent que le CSS standard, donc LESS doit eatre compil e9 en CSS avant le d e9ploiement. Cet outil ex e9cute le moteur less.js officiel dans votre navigateur pour effectuer cette conversion instantan e9ment.
G e9rez les couleurs et les tailles au m eame endroit avec des variables (@brand: #4A90D9;), et reproduisez la structure de votre balisage en imbriquant les s e9lecteurs. Cr e9ez des blocs de style r e9utilisables avec des mixins (.rounded(6px)), et utilisez des op e9rations comme (@pad * 2) ainsi que des fonctions de couleur int e9gr e9es comme darken() et lighten().
Cet outil compile enti e8rement dans votre navigateur et ne t e9l e9verse jamais votre saisie. Pour la s e9curit e9, la fonction JavaScript en ligne de LESS (syntaxe avec backtick) est d e9sactiv e9e, ce qui permet de fonctionner en toute s e9curit e9 sans eval. Pour les gros projets, int e9grez LESS dans votre pipeline de build (webpack, Vite, lessc, etc.).