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
*********************************************/
html,
body {
html {
width: 100%;
height: 100%;
height: 100vh;
height: calc( var(--vh, 1vh) * 100);
overflow: hidden; }
body {
height: 100%;
position: relative;
line-height: 1;
margin: 0;

View File

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