Online LESS to CSS Converter

LESS To CSS Converter vám pomůže převést LESS na CSS online.

Nejjednodušší převodník LESS na CSS

Tento bezplatný online nástroj vám umožní převést soubor LESS na soubor CSS. Stačí vložit svůj LESS do formuláře níže a okamžitě se převede na CSS. Není třeba stahovat ani instalovat žádný software. Volný, uvolnit

Nástroj co je konvertor LESS na CSS?

Tento převaděč LESS na CSS transformuje MÉNĚ dat a souborů na data a soubory CSS. Tento převodník umožňuje přizpůsobení vstupních LESS a výstupních CSS. Také přijímá soubory LESS s vlastními znaky oddělovače sloupců a znaky uvozovek polí. Podporuje řádky komentářů a prázdné řádky můžete volitelně ignorovat. Můžete také změnit, kolik mezer použít ve výstupním odsazení CSS.

Jak převést LESS na CSS?

Krok 1: Vyberte svůj vstup. Zadejte data.
Krok 2: Vyberte možnosti výstupu (volitelné) Možnosti výstupu.
Krok 3: Vygenerujte výstup.

Příklady převodníku LESS na CSS

MÉNĚ

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