From 81744ec92ef9e76afcd50a98aeefdf9db72db0bb Mon Sep 17 00:00:00 2001
From: ache <ache@ache.one>
Date: Sat, 30 Oct 2021 07:50:54 +0200
Subject: Fix font size

---
 src/css/_contenu.scss  | 54 +++++++++++++++++++++++++++++++++++++++++++-------
 src/css/_sommaire.scss | 24 ++++++++++++++++++++--
 src/css/design.scss    |  2 +-
 3 files changed, 70 insertions(+), 10 deletions(-)

diff --git a/src/css/_contenu.scss b/src/css/_contenu.scss
index 940383c..a5ed06c 100755
--- a/src/css/_contenu.scss
+++ b/src/css/_contenu.scss
@@ -22,20 +22,27 @@ article {
     color: pink;
     text-align: right;
   }
+  ul {
+    line-height: 1.6;
+  }
   code {
     color: #a00;
     background: #eee;
     border: 1px solid #ccc;
     padding: 0 5px;
+    font-weight: 630;
   }
 
   @media #{$gt-gsm} {
+    ul {
+      line-height: 1.4;
+    }
+
     float: none;
     margin-right: auto;
     margin-left: auto;
     width: auto;
 
-    font-size: 1em;
     padding-right: 4vh;
     padding-left: 4vh;
 
@@ -79,32 +86,65 @@ article {
     }
   }
 
+  font-size: 1.3em;
   h1 {
-    font-size: 2em;
+    font-size: 2.2em;
     color: #A5B;
   }
   h2 {
-    font-size: 1.5em;
+    font-size: 1.9em;
     color: #BB8;
   }
   h3 {
-    font-size: 1.25em;
+    font-size: 1.6em;
     color: #AC4;
   }
   h2:before {
     content: "# ";
     color: #ABB;
-    font: bold  0.95em arial, sans-serif;
+    font: bold  1.3em arial, sans-serif;
   }
   h3:before {
     content: "## ";
     color: #ABB;
-    font: bold  0.95em arial, sans-serif;
+    font: bold  1.2em arial, sans-serif;
   }
   h4:before {
     content: "### ";
     color: #ABB;
-    font: bold  1em arial, sans-serif;
+    font: bold  1.1em arial, sans-serif;
+  }
+
+
+  @media #{$gt-gsm} {
+    font-size: 1.1em;
+    h1 {
+      font-size: 2em;
+      color: #A5B;
+    }
+    h2 {
+      font-size: 1.5em;
+      color: #BB8;
+    }
+    h3 {
+      font-size: 1.25em;
+      color: #AC4;
+    }
+    h2:before {
+      content: "# ";
+      color: #ABB;
+      font: bold  0.95em arial, sans-serif;
+    }
+    h3:before {
+      content: "## ";
+      color: #ABB;
+      font: bold  0.95em arial, sans-serif;
+    }
+    h4:before {
+      content: "### ";
+      color: #ABB;
+      font: bold  1em arial, sans-serif;
+    }
   }
 }
 section {
diff --git a/src/css/_sommaire.scss b/src/css/_sommaire.scss
index 7adfad6..15947ef 100755
--- a/src/css/_sommaire.scss
+++ b/src/css/_sommaire.scss
@@ -108,8 +108,28 @@
   margin: auto;
 }
 #ontheweb {
-  @media screen and (max-height: 519px) {
-    visibility: hidden;
+  visibility: hidden;
+}
+@media #{$gt-gsm} {
+  #ontheweb {
+    visibility: visible;
+    @media screen and (max-height: 519px) {
+      visibility: hidden;
+    }
+    padding-left: 0;
+
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    ul {
+      position: initial;
+      width: 30vh;
+      padding-left: 0;
+      display: flex;
+      justify-content: space-evenly;
+      li {
+      }
+    }
   }
 }
 
diff --git a/src/css/design.scss b/src/css/design.scss
index 3bddd61..8a1f33b 100755
--- a/src/css/design.scss
+++ b/src/css/design.scss
@@ -24,7 +24,7 @@ html {
 body {
   font-family: 'Noto Serif', Verdana, "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
   margin: 0;
-  line-height: 1.6;
+  line-height: 1.35;
   color: #333333;
   word-wrap: break-word;
   font-size: 16px;
-- 
cgit v1.2.3