From d6d8b0ec3541ab104117a2328624641576441bde Mon Sep 17 00:00:00 2001 From: Johannes Löthberg Date: Tue, 24 Mar 2015 14:09:21 +0100 Subject: style: Use modular scales for sizes http://www.modularscale.com/?1&em&1.5&web&text --- src/style.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/style.css b/src/style.css index e0689db..1620dd6 100644 --- a/src/style.css +++ b/src/style.css @@ -31,12 +31,10 @@ a:hover { } header { - font-size: 0.9rem; padding-top: 1.25rem; } header nav ul { - font-size: 0.9rem; - font-family: 'Fontin Sans'; + font-size: 0.95em; list-style-type: none; padding: 0; } @@ -52,6 +50,7 @@ header nav a:hover { } header h1 { font-family: 'Fontin'; + font-size: 2.25em; margin: 0; } @@ -66,7 +65,7 @@ header h1 { } .entry .title { font-family: 'Fontin'; - font-size: 23px; + font-size: 1.5em; margin-top: 0.3rem; margin-bottom: 0.3rem; } @@ -84,9 +83,9 @@ header h1 { .entry > p:first-of-type:first-letter { float: left; color: #903; - font-size: 42px; + font-size: 44px; line-height: 2rem; - padding-top: 0.22rem; + padding-top: 0.1em; padding-right: 0.2rem; padding-bottom: 0; font-family: 'Fontin'; -- cgit v1.2.3-70-g09d2