quatuorbellefeuille.com

commit dd7e28c45d3a1d29e5fc9bb00bd992a0bdaf0c26
parent 7d70d841205dba595193b77c6c6dc8fafbde8e47
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Fri, 15 Jan 2021 23:16:24 +0100

Tweak header sizes a bit

Diffstat:
M
commun.css
 | 
29
++++++++++++++++++++++-------

1 file changed, 22 insertions(+), 7 deletions(-)
diff --git a/commun.css b/commun.css
@@ -214,27 +214,39 @@ footer.legal {
         grid-column: 1 / -1;
     }
 
+    header.menu {
+        --height: 2.4rem;
+    }
+    header.menu > label {
+        font-size: 1.2rem;
+    }
+    footer.social {
+        --height: 1.8rem;
+    }
+    footer.social > label {
+        font-size: 0.8rem;
+    }
+
     .togglable {
         display: grid;
         position: relative;
-        grid-template-columns: 2rem auto;
+        grid-template-columns: 2.4rem auto;
         align-items: center;
     }
     .togglable > input.toggle {
         z-index: 2;
         grid-column: 1;
         position: absolute;
-        width: 2rem;
-        height: 2rem;
+        width: var(--height);
+        height: var(--height);
         margin: 0;
         opacity: 0;
     }
     .togglable > img.button.open {
         grid-column: 1;
-        position: absolute;
-        left: 0.2rem;
-        width: 1.6rem;
-        height: 1.6rem;
+        justify-self: center;
+        width: calc(0.8 * var(--height));
+        height: calc(0.8 * var(--height));
         object-fit: contain;
         object-position: center;
     }
@@ -291,4 +303,7 @@ footer.legal {
         width: 4rem;
         height: 4rem;
     }
+    header.banner h1 {
+        font-size: 1.6rem;
+    }
 }