Petal is een geordend en lichtgewicht CSS UI-framework dat op minder wordt uitgevoerd

Van Bootstrap tot Foundation lijkt het alsof er een is eindeloze stroom CSS-kaders kiezen. Maar weinigen lopen op MINDER en nog minder zijn zo goed georganiseerd als Petal.

Dit kleine open source-project was intern gemaakt voor het team van Shakr maar ze besloten om laat het allemaal los op GitHub. Het is nog steeds een nieuw kader dus er is veel ruimte voor verbetering. In de huidige staat is Bloemblaadje een rijk aan functies voor elk webproject.

Geïnteresseerde zou eens moeten kijken naar de hoofdpagina en kijk over een deel van de documentatie.

Het stijlblad van het Bloemblaadje breekt af in verschillende LESS-bestanden, dus het is georganiseerd op basis van functies en instellingen. Op deze manier als u wijzigingen wilt aanbrengen of een specifieke klasse wilt vinden die u nodig hebt blader door slechts één bestand, bijvoorbeeld typography.less, in plaats van een hele bibliotheek.

Je kunt sommige van de meer gebruikelijke ontwerpfuncties in deze pen samen met codefragmenten je kunt kopiëren.

Petal is bedoeld als a minimalistisch kader met eenvoudige voorgebouwde stijlen.

Niet iedereen wil werken aan het toevoegen van kleur of toon aan hun ontwerpen. De schoonheid van een CSS-raamwerk is dat het dat kan zorgen voor het ontwerp en de stijl, dus jij gewoon voeg de HTML toe en in beweging komen.

Dit is wat Petal doet het goed, en het is een verademing in een wereld vol Bootstrap-aangedreven homepages.

Als je dit alleen voor jezelf wilt proberen voeg het toe Petal.css stylesheet recht op jouw document sectie. Vanaf daar, alle basisstijlen worden toegepast rechtstreeks naar alle HTML-elementen.

Jij kan knutselen met klassen door de docs-pagina op de site te bekijken. Er is eigenlijk een hele sectie over basis pagina-instelling met behulp van een klasse, zoals .sectie als een container met klassen zoals .rij of .kolom voor de structuur.

Lay-out opties zijn praktisch eindeloos, en je kunt altijd toevoegen extra opmaak voor opvulling en marges indien nodig.

Voor zo'n klein CSS-framework is Petal echt indrukwekkend. Het staat momenteel in de kinderschoenen bij v0.5, maar zal na verloop van tijd worden ontwikkeld. Meer leren Bekijk de startpagina van Petal, en zie wat je kunt bouwen!