Convertisseur LESS en CSS en ligne

LESS To CSS Converter vous aide à convertir LESS en CSS en ligne.

Convertisseur LESS en CSS le plus simple

Cet outil en ligne gratuit vous permet de convertir un fichier LESS en fichier CSS. Collez simplement votre LESS dans le formulaire ci-dessous et il sera instantanément converti en CSS. Pas besoin de télécharger ou d'installer de logiciel. Libérer

Outil qu'est-ce qu'un convertisseur LESS vers CSS ?

Ce convertisseur LESS vers CSS transforme les données et fichiers LESS en données et fichiers CSS. Ce convertisseur permet de personnaliser les CSS d'entrée et de sortie. Il accepte également les fichiers LESS avec des caractères délimiteurs de colonnes et des guillemets de champ personnalisés. Il prend en charge les lignes de commentaires et vous pouvez éventuellement ignorer les lignes vides. Vous pouvez également modifier le nombre d'espaces à utiliser dans l'indentation CSS de sortie.

Comment convertir LESS en CSS ?

Étape 1 : Sélectionnez votre entrée. Entrer des données.
Étape 2 : Choisissez les options de sortie (facultatif) Options de sortie.
Étape 3 : générez une sortie.

Exemples de convertisseur LESS vers CSS

MOINS

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}