Online LESS to CSS Converter

Input data
bfotool loadding
Output data
bfotool loadding

LESS To CSS Converter auttaa sinua muuttamaan LESS CSS:ksi verkossa.

VÄHEMMÄN CSS-muunnin määritin

Tämän ilmaisen online-työkalun avulla voit muuntaa VÄHEMMÄN tiedoston CSS-tiedostoksi. Liitä VÄHEMMÄN tiedostosi alla olevaan lomakkeeseen, niin se muunnetaan suoraan CSS-muotoon. Ohjelmistoa ei tarvitse ladata tai asentaa. Vapaa

Työkalu mikä on VÄHEMMÄN CSS-muunnin?

Tämä VÄHEMMÄN CSS-nin muuntaa VÄHEMMÄN dataa ja tiedostoja CSS-tiedoiksi ja -tiedostoiksi. Tämä muunnin mahdollistaa syötteiden VÄHEMMÄN ja CSS-tulostuksen mukauttamisen. Se kuuluu myös VÄHEMMÄN tiedostoja, joissa on mukautettuja sarakeerotinmerkkejä ja kentän lainausmerkkejä. Se tukee kommenttirivejä ja voit halutessasi jättää tyhjät rivit huomioimatta. Voit myös muuttaa kuinka monta välilyöntiä käytetään tulosteen CSS-sisennysosassa.

Kuinka muuntaa VÄHEMMÄN CSS:ksi?

Vaihe 1: Valitse syötteesi. Anna tiedot.
Vaihe 2: Valitse lähtöasetukset (valinnainen) Lähtöasetukset.
Vaihe 3: Luo tulos.

Esimerkkejä VÄHEMMÄN CSS-muuntimesta

VÄHEMMÄ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;
}