Online LESS Biex CSS konvertitur

LESS To CSS Converter jgħinek tikkonverti LESS għal CSS onlajn.

INQAS għal CSS konvertitur sempliċi

Din l-għodda onlajn b'xejn tħallik tikkonverti fajl LESS f'fajl CSS. Biss tippejstja l-LESS tiegħek fil-formola t'hawn taħt u tikkonverti istantanjament għal CSS M'hemmx għalfejn tniżżel jew tinstalla xi softwer. B'xejn

Għodda x'inhu l-INQAS għal konvertitur CSS?

Dan il-konvertitur LESS għal CSS jittrasforma LESS data u fajls f'data u fajls CSS. Dan il-konvertitur jippermetti customizing input LESS u output CSS Jaċċetta wkoll fajls LESS b'karattri tad-delimitaturi tal-kolonna tad-dwana u karattri tal-kwotazzjoni tal-qasam. Jappoġġja linji ta 'kummenti u tista' b'għażla tinjora linji vojta. Tista 'wkoll tibdel kemm spazji tuża fl-indentazzjoni CSS tal-output.

Kif tikkonverti INQAS għal CSS?

Pass 1: Agħżel l-input tiegħek. Daħħal Data.
Pass 2: Agħżel għażliet ta 'output (mhux obbligatorju) Għażliet ta' Output.
Pass 3: Iġġenera output.

LESS għal eżempji konvertituri CSS

ANQAS

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