iPhone X landcape support

philwareham · philwareham · commit 8dd396e62554 · 2018-04-16T16:13:25.000+01:00
diff --git a/dist/four-point-seven/forms/comment/popup_comments.txp b/dist/four-point-seven/forms/comment/popup_comments.txp
@@ -7,7 +7,7 @@
         <txp:page_title />
     </title>
     <meta name="generator" content="Textpattern CMS">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <meta name="robots" content="noindex, follow">
 
     <!-- Google font API -->
diff --git a/dist/four-point-seven/pages/archive.txp b/dist/four-point-seven/pages/archive.txp
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <title>
         <txp:page_title />
     </title>
diff --git a/dist/four-point-seven/pages/default.txp b/dist/four-point-seven/pages/default.txp
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <title><txp:page_title /></title>
 
     <!-- Google font API -->
diff --git a/dist/four-point-seven/pages/error_default.txp b/dist/four-point-seven/pages/error_default.txp
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <title>
         <txp:error_status />
     </title>
diff --git a/dist/four-point-seven/styles/default.css b/dist/four-point-seven/styles/default.css
@@ -478,7 +478,7 @@ nav ol::after,
   figcaption,
   tfoot,
   .footnote {
-    font-size: 0.75rem;
+    font-size: 0.8125rem;
     line-height: 1.5;
   }
   figcaption,
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/dev-docs/mockup-rtl.html b/src/dev-docs/mockup-rtl.html
@@ -5,7 +5,7 @@
     <title>My site: Welcome to your site</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&amp;subset=latin-ext">
     <link rel="stylesheet" href="../../dist/default/styles/default.css" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
 </head>
 <body class="articles-page" itemscope itemtype="https://schema.org/WebPage">
 
diff --git a/src/dev-docs/mockup.html b/src/dev-docs/mockup.html
@@ -5,7 +5,7 @@
     <title>My site: Welcome to your site</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&amp;subset=latin-ext">
     <link rel="stylesheet" href="../../dist/default/styles/default.css" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
 </head>
 <body class="articles-page" itemscope itemtype="https://schema.org/WebPage">
 
diff --git a/src/scss/setup/_settings.scss b/src/scss/setup/_settings.scss
@@ -11,7 +11,7 @@ $font-print:          "Helvetica Neue", sans-serif !default;
 $base-font-size:      16px !default;
 $base-line-height:    1.5 !default;
 $code-font-size:      0.875rem !default; // 14px / 16px
-$small-font-size:     0.75rem !default; // 12px / 16px
+$small-font-size:     0.8125rem !default; // 13px / 16px
 
 // layout grid
 
diff --git a/src/templates/forms/comment/popup_comments.txp b/src/templates/forms/comment/popup_comments.txp
@@ -7,7 +7,7 @@
         <txp:page_title />
     </title>
     <meta name="generator" content="Textpattern CMS">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <meta name="robots" content="noindex, follow">
 
     <!-- Google font API -->
diff --git a/src/templates/pages/archive.txp b/src/templates/pages/archive.txp
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <title>
         <txp:page_title />
     </title>
diff --git a/src/templates/pages/default.txp b/src/templates/pages/default.txp
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <title><txp:page_title /></title>
 
     <!-- Google font API -->
diff --git a/src/templates/pages/error_default.txp b/src/templates/pages/error_default.txp
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <title>
         <txp:error_status />
     </title>

Original file line number	Diff line number	Diff line change
`@@ -478,7 +478,7 @@ nav ol::after,`
`478`	`478`	`figcaption,`
`479`	`479`	`tfoot,`
`480`	`480`	`.footnote {`
`481`		`- font-size: 0.75rem;`
	`481`	`+ font-size: 0.8125rem;`
`482`	`482`	`line-height: 1.5;`
`483`	`483`	`}`
`484`	`484`	`figcaption,`