biracunha / basehold.it

I gave that bitch a baseline. Bitches love baselines.

Baseline

Get a baseline grid overlay on your site in one painless, javascript-free step.

Here's an example demonstrating how to get a 24px baseline overlay on your site:

<link rel="stylesheet" href="http://basehold.it/24">

Easy, huh?

Further Examples:

Specify a 6 digit hex code:

<link rel="stylesheet" href="http://basehold.it/24/DEEFFF">

Specify separate RGB values:

<link rel="stylesheet" href="http://basehold.it/24/255/42/85">

Image Only Mode

You can use Baseline to grab the image on it's own, if you'd rather apply it as a background in your own stylesheet.

Simple example:

html {
	background-image: url(http://basehold.it/i/24); // 24px baseline
	background-image: url(http://basehold.it/i/24/ff0000); // with Hex colour
	background-image: url(http://basehold.it/i/24/255/0/0); // with RGB colour
}