Emerald

Emerald is a very versatile tool which developers can use to control the layout of their Web pages.

Instead of going the classic route of using basic CSS, floating elements and then arranging them on rows using clear classes, Emerald takes another, more different approach.

Using the power of the LESS pre-processor, developers can create block-based designs that shift and adapt on small-screen devices, all using basic CSS classes to decide where and how to show the page elements.

Features:

• Lightweight file size
• Very configurable
• OOCSS and BEM syntax
• Mobile-first design
• Support for vw units
• Support for nested layouts
• Cross-browser tested
• Columns and gutters are the same fixed width

What is new in this release:

• Fixed .e-0 classes.