Merge pull request #69 from WSI-Services/layout-full-height

Layout Full Height

Author: samlikins

assets/themes/the-program/css/_base.less

@@ -21,9 +21,8 @@ Base from [HTML5 Boilerplate](http://j.mp/rP0wmY)
 No styleguide reference.
 */
 
-html, body { height: 100%; }
-html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-body { margin: 0; font-size: 1em; line-height: 1.4; -webkit-tap-highlight-color: rgba(255,0,0, 0.62); }
+html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+body { height: 100%; margin: 0; font-size: 1em; line-height: 1.4; -webkit-tap-highlight-color: rgba(255,0,0, 0.62); }
 body, button, input, select, textarea { font-family: sans-serif; }
 ::-moz-selection { background: #073642; color: #fff; text-shadow: none; }
 ::selection { background: #073642; color: #fff; text-shadow: none; }

assets/themes/the-program/css/_mediaqueries.less

@@ -213,9 +213,9 @@
       -moz-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
       -o-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
       margin-right: 450px;
-      @padding-top-bottom: (@line-height * 1px);
-      padding: @padding-top-bottom ((@line-height * 2) * 1px);
-      height: calc(~"100% -" @padding-top-bottom);
+      padding: (@line-height * 1px) ((@line-height * 2) * 1px);
+      @padding-vertical: ((@line-height * 1px) * 2);
+      height: calc(~"100% -" @padding-vertical);
     }
   }
 

assets/themes/the-program/css/style.css

@@ -39,17 +39,15 @@ Base from [HTML5 Boilerplate](http://j.mp/rP0wmY)
 
 No styleguide reference.
 */
-html,
-body {
-  height: 100%;
-}
 html {
+  height: 100%;
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
 body {
+  height: 100%;
   margin: 0;
   font-size: 1em;
   line-height: 1.4;
@@ -556,6 +554,7 @@ html {
   background-repeat: repeat;
   background-position: 0 0;
   background-color: #e2e2de;
+  height: 100%;
 }
 .body .unit-body {
   background-color: #fafafa;
@@ -1087,7 +1086,7 @@ pre {
     -o-box-shadow: #ffffff 0px 0px 2px;
     margin-right: 450px;
     padding: 26px 52px;
-    height: calc(100% - 26px);
+    height: calc(100% - 52px);
   }
   .the-footer {
     position: relative;

assets/themes/the-program/css/style.less

@@ -20,6 +20,7 @@ html {
   background-repeat: repeat;
   background-position: 0 0;
   background-color: #e2e2de;
+  height: 100%;
 }
 
 .body {