errantmind / minimal-css

A responsive, minimal, page layout -- optimized for legibility

minimal-css

A responsive, minimal, page layout -- optimized for legibility. Example

About:

↬ Tufte's handout styling | ↬ Butterick’s Practical Typography styling

The CSS has custom styling for:

• Page Headings (page-heading)
• Paragraphs (p)
• Asides (aside)
• Links (a)
• Ordered Lists (ol)
• Unordered Lists (ul)
• Images (figure img)
• Image Captions (figure figcaption)
• Tables (table)
• Quotes (quote)
• Quote Citations (quote cite)
• Code (pre)

An example of each of the above is available in example.html

Fonts:

• Sans-serif: Open Sans
• Serif: Droid Serif
• Code: Inconsolata

TODO:

• Center the content, instead of it being mostly left aligned
• Add styling for h1, h2, and h3