Layers CSS

You could call Layers CSS a CSS framework, but the most appropriate term would be "project boilerplate", or "starter kit".

It does not come packed with UI widgets and components like most CSS frameworks, but merely ships basic CSS code on which you can add your HTML and have a basic UI to work with.

You can use Layers as a base CSS, adding your own styles on top.

Layers' main purpose is to put together all the quirks and shims developers eventually get to put together when working on a Web project, and by doing so sparing them the time they'd normally waste copy & pasting and trying to properly align CSS code from other developers and sources.

Layers CSS comes with its own tools as well, stuff like its own responsive grid system, on which developers can create page layouts that render properly on both mobile and desktop devices.

What is new in this release:

• Using attribute selectors in progressively enhanced .columns for big file size reductions.
• Added progressively enhanced .column.first support to explicitly mark the first column of a row (for each breakpoint).
• You can now mark elements .hidden-over- and .hidden-under- breakpoints.
• input.plain removes magical focus outlines on webkit
• Typography basics are set for html, not body

What is new in version 1.1.2:

• Bugfix:
• `:not()` used only in separate declarations, so non-compliant browsers don't ignore other declarations. Affects some input-related declarations in IE8, for example.

What is new in version 1.1.1:

• Normalizing `i` and `b` in `_normalize.css`.
• Progressively enhanced `.reset` columns can be overwritten to go full-width as expected.

What is new in version 1.1.0:

• `width: 100%; height: 100%;` added to normalizations for `html` and `body`.
• Some `input` definitions are less specific.
• Resetting border-radius in `.plain` inputs and buttons.
• Also added `.fifth`-width columns.
• `.row` and `.row-content` clear floats. However, they're still completely optional.

What is new in version 1.0.6:

• Switched width and max-width on text fields in `forms.css`.

What is new in version 1.0.5:

• Fixed `.absolute` positioning bug in `tools.css`.
• Prioritizing Helvetica over Lucida Grande as default font.