Support apple-system-body only on iOS/iPadOS

[rbdr/r.bdr.sh] / css / style.css

diff --git a/css/style.css b/css/style.css
index 5a2c5efe2a9d0ee0643a00c8e15e4e222b8f2a6b..33950a85e671db2c78b9a5a8e50c204044621a85 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -5,13 +5,13 @@
 html { scroll-behavior: smooth }
 body {
   font-size: 1em;
 html { scroll-behavior: smooth }
 body {
   font-size: 1em;

-  font: max(1em, -apple-system-body);

   font-family: "Hoefler Text", "Times New Roman", serif;
   font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
   line-height: 1.6;
   letter-spacing: 0.02em;
   padding: 2em;
 }
   font-family: "Hoefler Text", "Times New Roman", serif;
   font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
   line-height: 1.6;
   letter-spacing: 0.02em;
   padding: 2em;
 }

+@supports (-webkit-touch-callout: none) { body { font: -apple-system-body } }

 aside {
   clear: both;
   padding: 2em 0;
 aside {
   clear: both;
   padding: 2em 0;


@@ -20,6 +20,7 @@ aside {
   background-color: #e8e8e8;
   color: #00f;
 }
   background-color: #e8e8e8;
   color: #00f;
 }

+.h2 { margin-top: 1em }

 @media only screen and (min-width: 500px) {
   body { overflow-x: auto }
   .columned {
 @media only screen and (min-width: 500px) {
   body { overflow-x: auto }
   .columned {