Typography

CSS3 introduces a few new units, including theremunit, which stands for"root em".Theremunit is relative to the font-size of the root elementhtml.That means that we can define a single font size on the root element, and define allremunits to be a percentage of that. The typography hasfont-sizedefined in 1.6rem (16px) andline-heightin 1.6 (24px).Milligramuses thefont-familyRoboto,created byChristian Robertson,and provided by Google.

/* Base font-size and line-height */
The base type is 1.6rem (16px) over 1.6 line height (24px)

/* Other elements to text markup */
Anchor
Emphasis
Small
Strong
Underline

/* Default Headings */
Heading
Heading
Heading
Heading
Heading
Heading

/* The base font-size is set at 62.5% for having the convenience of sizing rems in a way that is similar to using px. So basically 1.6rem = 16px. */

Examples

You can view more examples of using Milligram.

• Getting Started
• Typography
• Blockquotes
• Buttons
• Lists
• Forms
• Tables
• Grids
• Code
• Utilities
• Tips
• Browser Support
• Showcase

Contributing

Want to contribute? Follow theserecommendations.