Oblikovalnik Less
S tem oblikovalnikom Less oblikujte slogovne predloge Less. Prilepite kodo Less, orodje pa uredi spremenljivke, ugnezdena pravila, mixine s parametri, klice mixinov, varovala, funkcije in medijske poizvedbe z zamikom dveh presledkov, eno deklaracijo na vrstico ter doslednimi presledki za dvopičji in vejicami. Privzete vrednosti parametrov mixinov ostanejo strnjene, zato razvijalci vmesnika dobijo berljivo kodo Less brez zagona prevajalnika.
Pogosta vprašanja
Kako deluje oblikovalnik Less?
Slogovno predlogo prebere kot nize žetonov, kot so zaviti oklepaji, podpičja, dvopičja, nizi in komentarji, ter na njihovi podlagi znova sestavi razporeditev. Vsak začetni zaviti oklepaj začne blok, zamaknjen za dva presledka, vsaka deklaracija pa je v svoji vrstici.
Kako so oblikovane spremenljivke?
Deklaracije spremenljivk, kot je @color: #333;, dobijo presledek za dvopičjem in se končajo s podpičjem. Sklici na spremenljivke znotraj vrednosti ostanejo nespremenjeni.
Kako se obravnavajo mixini s parametri?
Znotraj oklepajev s parametri mixina dvopičje ostane povezano, zato .mixin(@size:10px) ohrani svojo strnjeno privzeto vrednost. Za vejicami med argumenti je en presledek.
Ali klici mixinov ostanejo v svojih vrsticah?
Da, klici, kot sta .mixin(5px); ali .bordered;, se končajo s podpičjem in so v svoji vrstici znotraj pravila. Ugnezdeni izbirniki in pravila &:hover so zamaknjeni eno raven globlje.
Ali se funkcije in operacije spremenijo?
Funkcije, kot je darken(@color, 10%), ohranijo presledek za vsako vejico, okoli znaka plus pa je presledek, zato 1px+2px postane 1px + 2px. Varovala, kot je when (@a > 0), ostanejo v vrstici izbirnika.
Ali orodje prevede mojo kodo Less ali jo preveri?
Ne, ne prevede je v CSS in ne preverja sintakse, zato oblikuje tudi nedokončane izseke. Za iskanje napak in izdelavo CSS uporabite prevajalnik Less.
Ali se komentarji ohranijo?
Da, komentarji v vrstici z // ostanejo in zaključijo vrstico, zato se naslednja koda začne pod njimi. Blokovni komentarji ostanejo tam, kjer so.
Ali lahko prilagodim zamik?
Ne, oblikovalnik vedno uporablja dva presledka in ne ponuja nastavitev. Ista slogovna datoteka zato vedno ustvari enak rezultat.
Zakaj je izhod ovit v ograjo z oznako less?
Rezultat je vrnjen kot blok kode Markdown z oznako less, ki je v Markdown prikazan s poudarjeno sintakso. Za svojo datoteko .less kopirajte vrstice med ograjama.
Kako velika je lahko moja slogovna predloga?
Do 5 MB na zagon; večji vnos je zavrnjen s sporočilom. Izhod je enak možnosti Less v oblikovalniku kode.