support webkit safe-area

Author: cntrump

assets/css/core.css

@@ -18,6 +18,16 @@ body {
     word-wrap: break-word;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
+
+    padding-top: constant(safe-area-inset-top);
+    padding-right: constant(safe-area-inset-right);
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-left: constant(safe-area-inset-left);
+
+    padding-top: env(safe-area-inset-top);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-left: env(safe-area-inset-left);
 }
 
 h1, h2, h3,

layouts/partials/head.html

@@ -1,7 +1,7 @@
 
 <meta charset="utf-8">
 {{ hugo.Generator }}
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
 <meta name="color-scheme" content="light only">
 <meta name="supported-color-schemes" content="light only">