From 8d2e8aeddf85755dd0854184c1898bbd8544ac58 Mon Sep 17 00:00:00 2001
From: Sofian Benaissa <sofian@koumbit.org>
Date: Fri, 21 Dec 2012 00:58:38 -0500
Subject: [PATCH] Introduce -height variable for controlling navigation region height

---
 STARTERKIT/sass/_base.scss              |    3 +++
 STARTERKIT/sass/_layout-fixed.scss      |    4 ++--
 STARTERKIT/sass/_layout-responsive.scss |    4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/STARTERKIT/sass/_base.scss b/STARTERKIT/sass/_base.scss
index 187f57c..c4542f8 100644
--- a/STARTERKIT/sass/_base.scss
+++ b/STARTERKIT/sass/_base.scss
@@ -97,6 +97,9 @@ $font-monospace:   $courier;
 // The amount lists, blockquotes and comments are indented.
 $indent-amount: 30px;
 
+// The height of the navigation region
+$nav-height: 3em;
+
 // Tab styling.
 $tabs-container-bg: #fff;
 $tabs-border: #bbb;
diff --git a/STARTERKIT/sass/_layout-fixed.scss b/STARTERKIT/sass/_layout-fixed.scss
index 73efaa1..684a218 100644
--- a/STARTERKIT/sass/_layout-fixed.scss
+++ b/STARTERKIT/sass/_layout-fixed.scss
@@ -74,13 +74,13 @@ $zen-auto-include-item-base: false;
  */
 
 #main {
-  padding-top: 3em; /* Move all the children of #main down to make room. */
+  padding-top: $nav-height; /* Move all the children of #main down to make room. */
   position: relative;
 }
 #navigation {
   position: absolute;
   top: 0; /* Move the navbar up inside #main's padding. */
-  height: 3em;
+  height: $nav-height;
   width: $zen-grid-width - $zen-gutter-width;
 }
 
diff --git a/STARTERKIT/sass/_layout-responsive.scss b/STARTERKIT/sass/_layout-responsive.scss
index 88dbadf..2c6e9e6 100644
--- a/STARTERKIT/sass/_layout-responsive.scss
+++ b/STARTERKIT/sass/_layout-responsive.scss
@@ -71,13 +71,13 @@ $zen-auto-include-item-base: false;
 
 @media all and (min-width: 480px) {
   #main {
-    padding-top: 3em; /* Move all the children of #main down to make room. */
+    padding-top: $nav-height; /* Move all the children of #main down to make room. */
     position: relative;
   }
   #navigation {
     position: absolute;
     top: 0; /* Move the navbar up inside #main's padding. */
-    height: 3em;
+    height: $nav-height;
     width: $zen-grid-width;
   }
 }
-- 
1.7.2.5