Share
Du kan være kjent med slike tjenester som LESS og Sass. De gir mye mer fleksibilitet når du lager stilarkene dine, inkludert bruk av variabler, operatører, mix-ins, til og med nestede selektorer. Men fordi MINDRE ble opprinnelig bygget med Ruby, har mange PHP-utviklere, til tross for at det finnes PHP-versjoner tilgjengelig, aldri brukt det.
Legg merke til at vi har satt inn rel attributt til "stylesheet / less" og at våre faktiske stilark har en utvidelse av .mindre, ikke .css. Også, vi må koble til dette stilarket før Less.js.
Med denne minimale mengden arbeid har du nå tilgang til alt fra variabler til blandinger. Pass på å se fire minutters videoopplæring ovenfor for fulle eksempler, men her er noen få quickies.
/ * Variabler! * / @primary_color: grønn; / * Mix-ins er som funksjoner for vanlige operasjoner, for eksempel bruk av grenser. Vi lager variabler ved å forhåndsbeide @ -symbolet. * / .rounded (@radius: 5px) -moz-border-radius: @radius; -webkit-grense-radius: @radius; border-radius: @radius; #container / * Referanser variabelen vi opprettet ovenfor. * / bakgrunn: @primary_color; / * Kaller innrullet innblanding (funksjon) som vi opprettet, og overstyrer standardverdien. * / .rounded (20px); / * Nested selectors arver deres foreldres velger også. Dette tillater kortere kode. * / a farge: rød;
Det er viktig å huske at LESS.js ikke er ferdig. forhåpentligvis blir det snart. Likevel, det virker fantastisk så langt. Hva tror du?
Accentsconagua