diff options
| author | Brandon Mathis <brandon@imathis.com> | 2011-07-03 17:06:38 -0400 |
|---|---|---|
| committer | Brandon Mathis <brandon@imathis.com> | 2011-07-03 17:06:38 -0400 |
| commit | 252bfd24afee42c1ba29b1a031208a98d4cbbd16 (patch) | |
| tree | 029ff1d220f731e653ec8013d504b02e431a1aad | |
| parent | b9ad060b5d5d2df594a497633b4c3bf8fa9ebf66 (diff) | |
| download | my_new_personal_website-252bfd24afee42c1ba29b1a031208a98d4cbbd16.tar.xz my_new_personal_website-252bfd24afee42c1ba29b1a031208a98d4cbbd16.zip | |
improved responsive typography styles
| -rw-r--r-- | .themes/classic/sass/base/_typography.scss | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/.themes/classic/sass/base/_typography.scss b/.themes/classic/sass/base/_typography.scss index 8ab0e657..00a41d35 100644 --- a/.themes/classic/sass/base/_typography.scss +++ b/.themes/classic/sass/base/_typography.scss @@ -10,7 +10,7 @@ $mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; .mono { font-family: $mono; } body > header h1 { - font-size: 2.6em; + font-size: 2.2em; @extend .heading; font-weight: normal; line-height: 1.2em; @@ -22,6 +22,15 @@ body { color: $text-color; @extend .serif; } +h1 { + font-size: 2.2em; + line-height: 1.2em; +} + +@media only screen and (min-width: 768px) { + body { font-size: 1.15em; } + h1 { font-size: 3em; line-height: 1.2em; } +} #{headings()}{ @extend .heading; @@ -29,13 +38,6 @@ body { margin-bottom: 1em; font-weight: bold; } -h1 { - font-size: 3.2em; - line-height: 1.2em; - @media only screen and (max-width: 768px) { font-size: 2.2em; } -} - - h2, section h1 { font-size: 1.5em; } |