From c1e6ad5ed3557af297fe80ea6a97b6cf5eb8f4ab Mon Sep 17 00:00:00 2001
From: Jake McCrary <jake@jakemccrary.com>
Date: Thu, 17 Nov 2011 21:08:53 -0600
Subject: Make header font size customizable.

Change $header-font-size variable to specify size.
---
 .themes/classic/sass/base/_layout.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to '.themes/classic/sass')

diff --git a/.themes/classic/sass/base/_layout.scss b/.themes/classic/sass/base/_layout.scss
index 3774a3ce..dda4f818 100644
--- a/.themes/classic/sass/base/_layout.scss
+++ b/.themes/classic/sass/base/_layout.scss
@@ -14,6 +14,8 @@ $sidebar-width-wide: 300px !default;
 
 $indented-lists: false !default;
 
+$header-font-size: 1em !default;
+
 .group { @include pie-clearfix; }
 
 @mixin collapse-sidebar {
@@ -79,9 +81,9 @@ body {
     }
   }
   > header {
-    font-size: 1em;
-    padding-top: 1.5em;
-    padding-bottom: 1.5em;
+    font-size: $header-font-size;
+    padding-top: $header-padding-top;
+    padding-bottom: $header-padding-bottom;
   }
 }
 
@@ -115,14 +117,14 @@ body.sidebar-footer {
 }
 
 @media only screen and (min-width: 550px) {
-  body > header { font-size: 1em; }
+  body > header { font-size: $header-font-size; }
 }
 @media only screen and (min-width: 750px) {
   aside.sidebar { @include collapse-sidebar; }
 }
 @media only screen and (min-width: 768px) {
   body { -webkit-text-size-adjust: auto; }
-  body > header { font-size: 1.2em; }
+  body > header { font-size: $header-font-size * 1.2; }
   #main {
     @extend .group;
     padding: 0;
@@ -159,7 +161,7 @@ body.sidebar-footer {
 }
 
 @media only screen and (min-width: 992px) {
-  body > header { font-size: 1.3em; }
+  body > header { font-size: $header-font-size * 1.3; }
   #content { margin-right: $sidebar-width-wide; }
   #content {
     > div, > article {
-- 
cgit v1.2.1