Petal er en organiseret og letvægts CSS UI Framework Running on LESS

Fra Bootstrap til Foundation ser det ud som om der er en endeløs strøm af CSS-rammer at vælge imellem. Men få kører på mindre og endnu færre er så velorganiseret som kronbladet.

Dette lille open source-projekt var skabt internt for holdet hos shakr men de besluttede at Slip det hele på GitHub. Det er stadig en nye rammer så der er masser af plads til forbedring. I sin nuværende tilstand er Petal en funktionsrige rammer til ethvert web-projekt.

Enhver interesseret bør tjekke ud Forside og se over nogle af dokumentationen.

Petal stylesheet brydes ned i forskellige mindre filer, så det er organiseret baseret på funktioner og indstillinger. På denne måde, hvis du vil foretage ændringer eller finde en bestemt klasse, skal du Gennemse kun en fil, for eksempel typography.less, snarere end et helt bibliotek.

Du kan se nogle af de mere almindelige designfunktioner i denne pen sammen med kodeuddrag Du kan kopiere.

Kronblad er meningen at være a minimalistisk ramme med enkle præ-bygget stilarter.

Ikke alle ønsker at arbejde med at tilføje farve eller tone i deres designs. Skønheden i en CSS-ramme er, at den kan give design og stil, så du bare tilføj HTML'en og bevæg dig.

Det er hvad Kronblad gør det godt, og det er et frisk pust i en verden fuld af Bootstrap-powered hjemmesider.

Hvis du vil prøve det selv alene tilføj Petal.css stilark ret til din Dokumenter afsnit. Derfra, alle de grundlæggende stilarter vil blive anvendt direkte til alle HTML-elementer.

Du kan tinker med klasser ved at tjekke docs-siden på webstedet. Der er faktisk en hel sektionsdækning Grundlæggende sideopsætning ved hjælp af en klasse, såsom .afsnit som en beholder med klasser som .række eller .kolonne for strukturen.

Layout muligheder er næsten uendelige, og du kan altid tilføje ekstra formatering til polstring og margener hvis det er nødvendigt.

For en sådan lille CSS-ramme er Petal virkelig imponerende. Det er i øjeblikket i sin barndom på v0.5, men vil løbende blive udviklet som tiden går videre. At lære mere tjek Petal hjemmeside, og se hvad du kan bygge!