jerryjappinen / layers-css

A lightweight, unobtrusive and style-agnostic, CSS framework aimed for practical use cases. Comes with a small footprint and zero bullshit.

Layers CSS 1.2.0

Minimum-interference collection of common-sense default styles.

• Reference docs at layers-css.vercel.app
• GitHub project at https://github.com/jerryjappinen/layers-css
• Released under the MIT license
• Authored by @jerryjappinen

Get started using Layers CSS

To get it all, use the single-file compilation:

<link rel="stylesheet" href="release/layers.min.css">

You can also pick and choose what you want (in alphabetical order):

<link rel="stylesheet" href="source/layers/normalize.css">
<link rel="stylesheet" href="source/layers/forms.css">
<link rel="stylesheet" href="source/layers/grid.css">
...

If you use an autoloader (e.g. asset pipeline in Rails), you can just include the whole source directory.

Responsive adjustments

All responsive adjustments are included in separate from the main release:

<link rel="stylesheet" href="release/responsive.min.css">

Individual files are also available under source/.

You'll want to build the responsive part with your own break points at jerryjappinen.com/layers/ and add more complex degradation behavior, this is just a start.

How to contribute

Email, tweet and fork freely!