Petal Is An Organized & Light-weight CSS UI Framework Operating on LESS

From Bootstrap to Basis it looks like there’s an countless stream of CSS frameworks to select from. However few run on LESS and even fewer are as nicely-organized as Petal.

LESS CSS – Beginner’s Guide

LESS CSS – Newbie’s Information
CSS Pre-processor has now develop into a staple in net improvement. It ships plain CSS with programming traits such…Learn extra

This small open supply undertaking was created internally for the staff at Shakr however they determined to launch all of it on GitHub. It is nonetheless a new framework so there’s loads of room for enchancment. In its present state, Petal is a function-wealthy framework for any net venture.
Anybody ought to take a look at the main page and look over a number of the documentation.
The Petal stylesheet breaks down into totally different LESS information, so it is organized based mostly on options and settings. This manner if you wish to make modifications or discover a particular class you have to browse just one file, as an example typography.much less, fairly than an entire library.
You possibly can see a number of the extra widespread design options in this pen together with code snippets you’ll be able to copy.
See the Pen Petal UI Showcase by Shakr (@Shakr) on CodePen.
Petal is supposed to be a minimalist framework with easy pre-constructed types.
Not everybody needs to work including colour or tone into their designs. The great thing about a CSS framework is that it could present the design and elegance, so that you simply add the HTML and get shifting.
That is what Petal does properly, and it is a breath of recent air in a world filled with Bootstrap-powered homepages.
In the event you wanna do this for your self simply add the <a