CSS Type Boilerplate

The CSS Type Boilerplate doesn't actually show the baseline grid on the page, but uses this invisible lines system to position text in such a way to create a vertical visual hierarchy.

Pixels are used for text sizes, instead of points or ems. While this is not the optimal practice, it appeals to more developers using this measurement unit.

A demo page is included with the CSS Type Boilerplate package.

This project is also available in a LESS version.

What is new in this release:

• <select> breaks the grid. Not sure what to do about this.
• No default styles for tables yet.

Requirements:

• CSS 3 enabled browser (optional)