Petal este un CSS UI organizat și ușor, care rulează pe LESS

De la Bootstrap la Fundație se pare că există un flux continuu de cadre CSS pentru a alege de la. Dar puțini rulează pe LESS și chiar mai puțini sunt așa cum este bine organizat ca Petal.

Acest mic proiect open source a fost creat intern pentru echipa de la Shakr dar ei au decis eliberați-le pe GitHub. E încă un a cadru nou astfel încât există mult spațiu pentru îmbunătățire. În starea sa actuală, Petal este a bogat în caracteristici pentru orice proiect web.

Orice persoană interesată ar trebui să verifice Pagina principală și priviți-vă o parte din documentație.

Foaia de stil Petal se încadrează în diferite fișiere mai puține, așa că este organizată bazate pe caracteristici și setări. În acest fel, dacă doriți să faceți modificări sau să găsiți o anumită clasă de care aveți nevoie răsfoiți un singur fișier, de exemplu typography.less, mai degrabă decât o întreagă bibliotecă.

Puteți vedea o parte din mai multe caracteristici comune de design în acest stilou împreună cu fragmente de cod puteți copia.

Petal este menit să fie a minimalist cu simple stiluri pre-construite.

Nu toată lumea dorește să lucreze adăugând culoarea sau tonul în desenele lor. Frumusețea unui cadru CSS este că poate asigură designul și stilul, așa că tu chiar adăugați codul HTML și să se miște.

Acesta este ce Petal se descurcă bine, și este o gură de aer proaspăt într-o lume plină de pagini de pornire bazate pe Bootstrap.

Dacă vrei să încerci asta doar pentru tine adaugă Petal.css stylesheet dreptul la tine a documentului secțiune. De acolo, toate stilurile de bază vor fi aplicate direct la toate elementele HTML.

Poti tinker cu clase prin verificarea paginii docs de pe site. De fapt, există o întreagă secțiune care acoperă configurarea paginii de bază utilizând o clasă, precum .secțiune ca un container cu clase ca .rând sau .coloană pentru structura.

Opțiuni de dispunere sunt practic fără sfârșit și puteți adăuga mereu formatare suplimentară pentru umplere și margini dacă e nevoie.

Pentru un astfel de cadru CSS mic, Petal este cu adevărat impresionant. În prezent, este în fază incipientă la v0.5, dar va continua să se dezvolte pe măsură ce timpul va continua. Pentru a afla mai multe verificați pagina de pornire Petal, și vezi ce poți construi!