search

frankpf / gridless-boilerplate

Gridless is an awesome HTML5 and CSS3 boilerplate for making responsive, cross-browser websites with beautiful typography
http://frankpf.github.com/gridless-boilerplate/
The Unlicense
840 stars 99 forks source link

Font-sizing formula #9

Closed tyssen closed 13 years ago

tyssen commented 13 years ago

Might be useful to include some notes alongside where you've specified font-sizes, line-heights and margins to explain how you arrived at those figures. You've provided notes and links to a lot of other resources in main.css but not for font-sizing.

frankpf commented 13 years ago

Hey tyssen, The vertical rhythm is based on the golden ratio of 16, which is the main text size. Therefore, all margins, line-height and font-sizes are based on 1.625 (golden ratio is 1.618, but I use 1.625 for integer numbers). What about adding a link to Modular Scale and explaining the golden ratio stuff?

tyssen commented 13 years ago

Yep, that'll help. Maybe also a link to something like http://drewish.com/tools/vertical-rhythm for those who want to add font-sizes outside those listed in the modular scale.

frankpf commented 13 years ago

I moved the comment about making new modular scales to the README Make it better section.