A handful of common CSS styles.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.gitignore Amended the git ignore file. Mar 5, 2018
README.md A small correction to the readme file. Oct 14, 2018
boring.scss Fixed the disc style on lists in the SASS. Apr 27, 2018



A handful of common CSS styles.

Boring sets a handful of common styles and overrides one or two that Normalize.css sets. Without being funny, it's often easier to make a site more interesting if it starts off by being completely boring. Bear in mind that these styles won't work for everyone. Plus Boring does not attempt to do what Normalize.css does and is certainly not intended to replace it.


There is no associated npm package because installing it would just put the needed files somewhere pretty inaccessible. Instead, install with Git...

git clone https://github.com/djalbat/boring.git

...and then copy either the boring.scss or boring.css file to your own project. Or just copy them straight from here.

If you make changes to the SASS file, assuming you have cloned the repository, you can recompile the CSS by first running npm install and then npm run build from the project root. Run npm run build-debug if you want a source map.


It is recommended that you import or include normalize.css first, then boring.scss or boring.css.

After that you should set the font-family on the child elements of the html element together with the font-size in pixels (forgive the emphasis) on the html element itself. Then try to use the rem rather than the em unit throughout, unless you can think of a very good reason why not to.

The author's site looks utterly boring, and is thus (arguably) easily readable, as a result of adhering to the above and adding a few additional styles.