From 41858b91d53a620825f4d72bb87f8168939b9db0 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 22 Jan 2019 10:02:08 +0100 Subject: [PATCH] adjust how global height is styled --- css/reveal.css | 5 +++-- css/reveal.scss | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/css/reveal.css b/css/reveal.css index c685926..c865325 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -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; diff --git a/css/reveal.scss b/css/reveal.scss index 7bec964..e7d2981 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -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;