Less-muotoilija
Muotoile Less-tyylisivuja tällä Less-muotoilijalla. Liitä Less-koodi, niin työkalu jäsentää muuttujat, sisäkkäiset säännöt, parametreja käyttävät mixinit, mixinkutsut, ehdot, funktiot ja mediakyselyt kahden välilyönnin sisennyksellä. Kukin määritys tulee omalle rivilleen, ja kaksoispisteiden ja pilkkujen jälkeinen välitys on yhdenmukainen. Mixin-parametrien oletusarvot säilyvät tiiviinä, joten käyttöliittymäkehittäjät saavat luettavaa Less-koodia ajamatta kääntäjää.
Usein kysytyt kysymykset
Miten Less-muotoilija toimii?
Se lukee tyylisivusi tunnisteina, kuten aaltosulkeina, puolipisteinä, kaksoispisteinä, merkkijonoina ja kommentteina, ja rakentaa asettelun niiden pohjalta uudelleen. Jokainen avaava aaltosulje aloittaa kahdella välilyönnillä sisennetyn lohkon, ja kukin määritys tulee omalle rivilleen.
Miten muuttujat muotoillaan?
Muuttujamäärityksiin, kuten @color: #333;, lisätään välilyönti kaksoispisteen jälkeen, ja ne päätetään puolipisteeseen. Arvojen sisäiset muuttujaviittaukset säilytetään ennallaan.
Miten parametreja sisältäviä mixinejä käsitellään?
Mixin-parametrien sulkeiden sisällä kaksoispiste pysyy kiinni, joten .mixin(@size:10px) säilyttää tiiviin oletusarvonsa. Argumenttien välisten pilkkujen jälkeen lisätään yksi välilyönti.
Säilytetäänkö mixinkutsut omilla riveillään?
Kyllä, kutsut, kuten .mixin(5px); tai .bordered;, päättyvät puolipisteeseen ja ovat omalla rivillään säännön sisällä. Sisäkkäiset valitsimet ja &:hover-säännöt sisennetään yhden tason verran syvemmälle.
Muutetaanko funktioita ja operaatioita?
Funktiot, kuten darken(@color, 10%), säilytetään siten, että jokaisen pilkun jälkeen on välilyönti. Plusmerkin kummallekin puolelle lisätään välilyönti, joten 1px+2px muuttuu muotoon 1px + 2px. Ehdot, kuten when (@a > 0), säilytetään valitsimen sisältävällä rivillä.
Kääntääkö työkalu Less-koodini tai tarkistaako se sen?
Ei, se ei käännä koodia muotoon CSS eikä tarkista syntaksia, joten se muotoilee myös keskeneräisiä koodinpätkiä. Etsi virheet ja tuota CSS Less-kääntäjällä.
Säilyvätkö kommentit?
Kyllä, //-rivikommentit säilyvät ja päättävät rivinsä, joten seuraava koodi alkaa niiden alapuolelta. Lohkokommentit säilyvät niillä paikoilla, joissa ne esiintyvät.
Voinko säätää sisennystä?
Et voi. Muotoilija käyttää aina kahta välilyöntiä eikä tarjoa asetuksia. Siksi sama tyylitiedosto tuottaa aina saman tuloksen.
Miksi tuloste on rajattu less-koodilohkoon?
Tulos palautetaan Markdown koodilohkona, jonka merkintä on less. Se näkyy korostettuna Markdown. Kopioi koodirajojen väliin jäävät rivit .less-tiedostoosi.
Kuinka suuri tyylisivuni voi olla?
Enintään 5 MB suoritusta kohden. Suurempi syöte hylätään ilmoituksen kera. Tuloste on sama kuin Code Formatterin Less-vaihtoehdolla.