Dublin Library

The Publishing project

Creating Sane CSS defaults

In this post

Both Eric Meyer’s Reset and Normalize.css are comprehensive solutions to provide a baseline for CSS development.

Can I build a set of defaults that make sense for my projects on top of these resets? what shape would this set of defaults take?

Ever since I decided to move this blog to Eleventy, I’ve been thinking about moving the CSS to use @CSS Layers. This would make it easier to organize the stylesheet.

Getting started

We’ll use Normalize as our base layer and leverage the fact that you can import stylesheets directly to a layer