Adjust the body to take header and footer into account with padding.

This commit is contained in:
Paulo Reis 2017-10-09 10:30:09 +01:00
parent 6e6c058d49
commit 435a5b6a43
3 changed files with 6 additions and 4 deletions

View file

@ -794,7 +794,7 @@
// Custom // Custom
@is-overleaf: false; @is-overleaf: false;
@header-height: 69px; @header-height: 69px;
@footer-height: 81px; @footer-height: 50px;
@content-alt-bg-color: lighten(@gray-lightest, 2.5%); @content-alt-bg-color: lighten(@gray-lightest, 2.5%);

View file

@ -1,8 +1,8 @@
@import "./_common-variables.less"; @import "./_common-variables.less";
@is-overleaf: true; @is-overleaf: true;
@header-height: 69px; @header-height: 70px;
@footer-height: 81px; @footer-height: 50px;
// Styleguide colors // Styleguide colors
@ol-blue-gray-1 : #E4E8EE; @ol-blue-gray-1 : #E4E8EE;

View file

@ -29,8 +29,10 @@ 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;
height: 100vh; min-height: 100vh;
position: relative; position: relative;
padding-top: @header-height;
padding-bottom: @footer-height;
} }
// Reset fonts for relevant elements // Reset fonts for relevant elements