Merge pull request #71 from WSI-Services/hight-long-pages

Updated style rules to provide `min-height` values.

Author: samlikins

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

@@ -21,8 +21,8 @@ Base from [HTML5 Boilerplate](http://j.mp/rP0wmY)
 No styleguide reference.
 */
 
-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); }
+html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+body { min-height: 100%; 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

@@ -206,7 +206,7 @@
     float: left;
     width: calc(~"81% - 1px");
     margin-right: -450px;
-    height: 100%;
+    min-height: 100%;
     .unit-body {
       border-right: 1px solid rgba(0,0,0,0.2);
       -webkit-box-shadow: rgba(255,255,255,1.0) 0px 0px 2px;
@@ -215,7 +215,7 @@
       margin-right: 450px;
       padding: (@line-height * 1px) ((@line-height * 2) * 1px);
       @padding-vertical: ((@line-height * 1px) * 2);
-      height: calc(~"100% -" @padding-vertical);
+      min-height: calc(~"100% -" @padding-vertical);
     }
   }
 

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

@@ -40,13 +40,13 @@ Base from [HTML5 Boilerplate](http://j.mp/rP0wmY)
 No styleguide reference.
 */
 html {
-  height: 100%;
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
 body {
+  min-height: 100%;
   height: 100%;
   margin: 0;
   font-size: 1em;
@@ -554,7 +554,7 @@ html {
   background-repeat: repeat;
   background-position: 0 0;
   background-color: #e2e2de;
-  height: 100%;
+  min-height: 100%;
 }
 .body .unit-body {
   background-color: #fafafa;
@@ -1077,7 +1077,7 @@ pre {
     float: left;
     width: calc(81% - 1px);
     margin-right: -450px;
-    height: 100%;
+    min-height: 100%;
   }
   .body .unit-body {
     border-right: 1px solid rgba(0, 0, 0, 0.2);
@@ -1086,7 +1086,7 @@ pre {
     -o-box-shadow: #ffffff 0px 0px 2px;
     margin-right: 450px;
     padding: 26px 52px;
-    height: calc(100% - 52px);
+    min-height: calc(100% - 52px);
   }
   .the-footer {
     position: relative;

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

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