Ugrás a tartalomhoz

Less formázó

Formázza Less stíluslapjait ezzel a Less formázóval. Illessze be a Less-kódot, az eszköz pedig két szóközzel behúzva rendezi el a változókat, beágyazott szabályokat, paraméteres mixineket, mixinhívásokat, feltételeket, függvényeket és médialekérdezéseket. Minden deklaráció külön sorba kerül, a kettőspontok és vesszők után pedig egységes szóköz áll. A mixinparaméterek alapértelmezett értékei tömörek maradnak, így a frontendfejlesztők fordító futtatása nélkül is jól olvasható Less-kódot kapnak.

Visszaállítás

Gyakran ismételt kérdések

Hogyan működik a Less formázó?

A stíluslapot tokenekre bontva olvassa be, például kapcsos zárójelekre, pontosvesszőkre, kettőspontokra, karakterláncokra és megjegyzésekre, majd ezek alapján építi fel újra az elrendezést. Minden nyitó kapcsos zárójel egy két szóközzel behúzott blokkot kezd, minden deklaráció pedig külön sorba kerül.

Hogyan formázódnak a változók?

Az olyan változódeklarációk, mint a @color: #333;, a kettőspont után szóközt kapnak, és pontosvesszővel végződnek. Az értékeken belüli változóhivatkozások változatlanul maradnak.

Hogyan kezeli az eszköz a paraméteres mixineket?

A mixinparaméterek zárójelein belül a kettőspont a helyén marad, így a .mixin(@size:10px) tömör alapértelmezett értéke megmarad. Az argumentumok közötti vesszők után egy szóköz áll.

A mixinhívások külön sorban maradnak?

Igen, az olyan hívások, mint a .mixin(5px); vagy a .bordered;, pontosvesszővel végződnek, és a szabályon belül külön sorba kerülnek. A beágyazott szelektorok és az &:hover szabályok egy szinttel beljebb kerülnek.

Módosulnak a függvények és a műveletek?

Az olyan függvények, mint a darken(@color, 10%), minden vessző után egy szóközt kapnak, a pluszjel két oldalán pedig szóköz áll, így az 1px+2px alakja 1px + 2px lesz. Az olyan feltételek, mint a when (@a > 0), a szelektor sorában maradnak.

Lefordítja vagy ellenőrzi az eszköz a Less-kódomat?

Nem, nem fordítja le CSS formátumra, és a szintaxist sem ellenőrzi, ezért befejezetlen kódrészleteket is formáz. A hibák megkereséséhez és CSS előállításához használja a Less fordítót.

Megmaradnak a megjegyzések?

Igen, a // sorvégi megjegyzések megmaradnak, és a sor végén érnek véget, így a következő kód alattuk kezdődik. A blokkmegjegyzések is ott maradnak, ahol szerepelnek.

Módosíthatom a behúzást?

Nem, a formázó mindig két szóközt használ, és nem kínál beállításokat. Ezért ugyanaz a stíluslap mindig ugyanazt az eredményt adja.

Miért less kódblokként jelenik meg a kimenet?

Az eredmény less jelölésű Markdown kódblokként érkezik, amely kiemelve jelenik meg a Markdown felületen. Másolja ki a kerítések közötti sorokat a .less fájlba.

Mekkora lehet a stíluslapom?

Futtatásonként legfeljebb 5 MB használható; a nagyobb bemenetet hibaüzenettel elutasítjuk. A kimenet megegyezik a Code Formatter Less beállításának eredményével.

A OneClick Pro névjegye

A OneClick Pro több mint 150 webes eszközből álló, ingyenes gyűjtemény a mindennapi munkához: képek és mértékegységek átalakításához, kód formázásához és ellenőrzéséhez, domainek és SEO ellenőrzéséhez, valamint szövegekkel, dátumokkal és számokkal végzett munkához. Minden eszköz regisztráció és előfizetés nélkül használható; a megadott adatokat kizárólag az eredmény kiszámításához használjuk, és soha nem tároljuk. Használja gyors eszköztárként az alkalmi feladatokhoz, vagy mentse el könyvjelzőként a mindennap használt eszközöket.