adjust how global height is styled

This commit is contained in:
Hakim El Hattab 2019-01-22 10:02:08 +01:00
parent 5002304fb1
commit 41858b91d5
2 changed files with 6 additions and 4 deletions

View File

@ -8,14 +8,15 @@
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
html, html {
body {
width: 100%; width: 100%;
height: 100%; height: 100%;
height: 100vh;
height: calc( var(--vh, 1vh) * 100); height: calc( var(--vh, 1vh) * 100);
overflow: hidden; } overflow: hidden; }
body { body {
height: 100%;
position: relative; position: relative;
line-height: 1; line-height: 1;
margin: 0; margin: 0;

View File

@ -11,15 +11,16 @@
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
html, html {
body {
width: 100%; width: 100%;
height: 100%; height: 100%;
height: 100vh;
height: calc( var(--vh, 1vh) * 100 ); height: calc( var(--vh, 1vh) * 100 );
overflow: hidden; overflow: hidden;
} }
body { body {
height: 100%;
position: relative; position: relative;
line-height: 1; line-height: 1;
margin: 0; margin: 0;