Less formatavimo įrankis
Formatuokite Less stiliaus lapus naudodami šį Less formatavimo įrankį. Įklijuokite Less kodą, o įrankis išdėstys kintamuosius, įdėtines taisykles, mišinius su parametrais, mišinių iškvietimus, apsaugas, funkcijas ir medijos užklausas, naudodamas dviejų tarpų įtrauką, po vieną deklaraciją eilutėje ir vienodus tarpus po dvitaškių bei kablelių. Numatytoji mišinio parametrų reikšmė pateikiama glaustai, todėl sąsajos kūrėjai gaus įskaitomą Less kodą be kompiliatoriaus.
Dažnai užduodami klausimai
Kaip veikia Less formatavimo įrankis?
Jis perskaito jūsų stiliaus lapą kaip žetonus, pavyzdžiui, skliaustus, kabliataškius, dvitaškius, eilutes ir komentarus, o tada pagal juos iš naujo sudėlioja kodą. Kiekvienas atidaromasis skliaustas pradeda dviem tarpais įtrauktą bloką, o kiekviena deklaracija rašoma atskiroje eilutėje.
Kaip formatuojami kintamieji?
Kintamųjų deklaracijose, tokiose kaip @color: #333;, po dvitaškio paliekamas tarpas ir gale rašomas kabliataškis. Kintamųjų nuorodos reikšmėse išsaugomos nepakeistos.
Kaip apdorojami mišiniai su parametrais?
Mišinio parametrų skliaustuose dvitaškis lieka savo vietoje, todėl .mixin(@size:10px) numatytoji reikšmė išlieka glausta. Po kablelių tarp argumentų paliekamas vienas tarpas.
Ar mišinių iškvietimai paliekami atskirose eilutėse?
Taip, iškvietimai, tokie kaip .mixin(5px); arba .bordered;, baigiami kabliataškiu ir rašomi atskiroje eilutėje taisyklės viduje. Įdėtiniai selektoriai ir &:hover taisyklės įtraukiami vienu lygiu giliau.
Ar pakeičiamos funkcijos ir operacijos?
Po kiekvieno kablelio funkcijose, tokiose kaip darken(@color, 10%), paliekamas tarpas, o aplink pliuso ženklą paliekami tarpai, todėl 1px+2px tampa 1px + 2px. Apsaugos, tokios kaip when (@a > 0), paliekamos selektoriaus eilutėje.
Ar įrankis kompiliuoja arba tikrina mano Less kodą?
Ne, jis nekompiliuoja į CSS ir netikrina sintaksės, todėl formatuoja ir nebaigtus fragmentus. Klaidas rasti ir CSS sugeneruoti naudokite Less kompiliatorių.
Ar komentarai išsaugomi?
Taip, // eilučių komentarai išsaugomi ir užbaigia eilutę, todėl tolesnis kodas prasideda žemiau. Blokų komentarai išsaugomi ten, kur yra.
Ar galiu pakeisti įtrauką?
Ne, formatuoklis visada naudoja du tarpus ir neturi nustatymų. Todėl tas pats stiliaus lapas visada duoda tą patį rezultatą.
Kodėl rezultatas pateikiamas aptvertame less kodo bloke?
Rezultatas pateikiamas kaip Markdown kodo blokas su less žyma, todėl Markdown sintaksė jame paryškinama. Nukopijuokite eilutes tarp aptvėrimo žymų į savo .less failą.
Kokio dydžio gali būti mano stiliaus lapas?
Vienu kartu galima apdoroti iki 5 MB, o didesnė įvestis atmetama pateikiant pranešimą. Išvestis tokia pati kaip Code Formatter Less parinkties.