From Bootstrap to Foundation it seems like there’s an endless tide of CSS frameworks to collect from. But few run on LESS and even fewer are as well-organized as Petal.
LESS CSS – Beginner’s Guide
CSS Pre-processor has now turn a tack in web development. It ships plain CSS with programming traits such…Read more
This tiny open source plan was created internally for a group during Shakr though they motionless to release it all on GitHub. It’s still a new framework so there’s copiousness of room for improvement. In a stream state, Petal is a feature-rich framework for any web project.
Anyone meddlesome should check out a main page and demeanour over some of a documentation.
The Petal stylesheet breaks down into different LESS files, so it’s orderly based on facilities and settings. This approach if we wish to make changes or find a specific category we need to browse usually one file, for instance
typography.less, rather than a whole library.
You can see some of a more common pattern features in this pen along with code snippets we can copy.
Petal is meant to be a minimalist framework with simple pre-built styles.
Not everybody wants to work adding tinge or tinge into their designs. The beauty of a CSS horizon is that it can provide a pattern and style, so we only add a HTML and get moving.
This is what Petal does well, and it’s a exhale of uninformed atmosphere in a universe full of Bootstrap-powered homepages.
If we wanna try this for yourself only add a
Petal.css stylesheet right to your document’s
head section. From there, all a simple styles will be applied directly to all HTML elements.
You can tinker with classes by checking out a docs page on a site. There’s indeed a whole territory covering basic page setup regulating a class, such as
.section as a container with classes like
.column for a structure.
Layout options are most endless, and we can always supplement extra formatting for stuffing margins if needed.
For such a tiny CSS framework, Petal is truly impressive. It’s now in a decline during v0.5 though will ceaselessly be grown as time goes on. To learn some-more check out a Petal homepage, and see what we can build!
CSS Preprocessors Compared: Sass vs. LESS
There are a series of CSS Preprocessor, LESS, Sass, Stylus, and Swith CSS, only to name a few.…Read more