Use percent-based sizing for body min-height; add explicit height to the html element.

This commit is contained in:
Paulo Reis 2017-10-26 15:47:39 +01:00
parent 5cafee4879
commit 97c5e33f54

View file

@ -21,6 +21,7 @@
html { html {
//font-size: 62.5%; //font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
height: 100%;
} }
body { body {
@ -29,7 +30,7 @@ body {
line-height: @line-height-base; line-height: @line-height-base;
color: @text-color; color: @text-color;
background-color: @body-bg; background-color: @body-bg;
min-height: 100vh; min-height: 100%;
position: relative; position: relative;
padding-top: @header-height; padding-top: @header-height;
padding-bottom: @footer-height; padding-bottom: @footer-height;