Convertor online LESS în CSS

LESS To CSS Converter vă ajută să convertiți LESS în CSS online.

Convertor LESS în CSS cel mai simplu

Acest instrument online gratuit vă permite să convertiți un fișier LESS într-un fișier CSS. Lipiți-vă LESS în formularul de mai jos și va fi convertit instantaneu în CSS. Nu este nevoie să descărcați sau să instalați niciun software. Liber

Instrument ce este un convertor LESS în CSS?

Acest convertor LESS în CSS transformă LESS date și fișiere în date și fișiere CSS. Acest convertor permite personalizarea CSS de intrare și de ieșire. Acceptă, de asemenea, fișiere LESS cu caractere personalizate de delimitare a coloanelor și caractere de ghilimele de câmp. Acceptă linii de comentarii și opțional puteți ignora liniile goale. De asemenea, puteți modifica câte spații să utilizați în indentarea CSS de ieșire.

Cum se convertesc LESS în CSS?

Pasul 1: Selectați intrarea dvs. Introduceți date.
Pasul 2: Alegeți opțiunile de ieșire (opțional) Opțiunile de ieșire.
Pasul 3: Generați rezultat.

Exemple de convertizor LESS în CSS

MAI PUȚIN

@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;
}