adjust how global height is styled
This commit is contained in:
		| @@ -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; | ||||||
|   | |||||||
| @@ -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; | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user