Browse Source

adjust how global height is styled

Hakim El Hattab 5 years ago
parent
commit
41858b91d5
2 changed files with 6 additions and 4 deletions
  1. 3 2
      css/reveal.css
  2. 3 2
      css/reveal.scss

+ 3 - 2
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;

+ 3 - 2
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;