HTML5 kitchen sink

What is the smallest reasonable stylesheet for a nice cross-platform document?

2015-09-18: Added logarithmic font sizing based on screen width. With an elastic layout, this requires less code than maintaining 4+ breakpoints.

Main inspiration sources are Tufte-CSS and Tufte-CSS with additional help from sanitize.css replacing normalize.css and normalize-opentype.css that enables a ton of typographic additions.

Blocks

Header

Article

Headings Group

Main

Div

Text

.H1 .H2 .H3

Line length for body text is important and should ⬤ stay between these large dots ⬤ at larger screen sizes. The dots are set to 50 and 100 characters, which is not realistic on mobile screens.

Definition Term: Definition Description

Unordered list item

Ordered list item

This is a quotation taken from the Mozilla Developer Center.

P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~

Address