Convertir Less en CSS — Numio
Compilez du Less en CSS dans votre navigateur. Les variables, l’imbrication, les mixins et les opérations sont développés en CSS brut par le compilateur officiel less.js, ce qui permet de vérifier la sortie sans installer lessc.
Vérifier le CSS produit par les variables, l’imbrication et les mixins Less.
Less
CSS
Quand l’utiliser
- Vérifier le CSS produit par les variables, l’imbrication et les mixins Less.
- Convertir un petit fichier Less pour un projet qui utilise du CSS brut.
Mode d’emploi
- Collez du code Less ou ouvrez un fichier .less.
- Choisissez le réglage des préfixes fournisseurs pour les navigateurs que vous ciblez.
- Relisez le CSS généré, puis copiez-le.
Entrée Less
@primary: #2563eb;
.button {
color: @primary;
&:hover { text-decoration: underline; }
}Sortie CSS
.button {
color: #2563eb;
}
.button:hover {
text-decoration: underline;
}Détails et limites
Une variable non définie ou un crochet non fermé arrête la compilation. Commencez par un court extrait pour localiser une erreur.
La compilation s’exécute dans votre navigateur. Un @import d’une URL externe peut amener le navigateur à récupérer cette ressource : préférez du code autonome.
Les imports d’autres fichiers locaux, les plugins Less et les options de compilateur propres au projet ne sont pas disponibles. Les préfixes fournisseurs dépendent du réglage des navigateurs cibles.
FAQ
Est-ce la même chose que compiler avec lessc ?
Le convertisseur utilise less.js, le même compilateur que celui exécuté par lessc ; un fichier autonome produit donc le même CSS avec les options par défaut. Les fonctionnalités propres à un projet, comme les imports locaux et les plugins, ne sont pas disponibles ici.
Puis-je compiler un fichier qui utilise @import ?
Les imports qui pointent vers d’autres fichiers de votre ordinateur ne peuvent pas être résolus dans le navigateur. Collez le code importé directement, ou compilez tout le projet avec lessc.
Quelle est la différence entre Less et CSS ?
Less est un préprocesseur CSS. Il ajoute des variables, l’imbrication, des mixins et des fonctions, et doit être compilé en CSS avant qu’un navigateur puisse l’utiliser.