quatuorbellefeuille.com

commit 60394bb4e1833ae58f60885099eb72c0b15530e4
parent 1aa961dcbf14e58d33b7175f42218bd0da66a970
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Mon,  1 Mar 2021 23:07:53 +0100

Make menu elements easier to recognize

Diffstat:
M
images/close.svg
 | 
3
+--
M
images/menu.svg
 | 
3
+--
D
images/share.svg
 | 
2
--
M
stylesheets/commun.css
 | 
11
+++++++++++
M
stylesheets/dark.css
 | 
6
++++++

5 files changed, 19 insertions(+), 6 deletions(-)
diff --git a/images/close.svg b/images/close.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#e4b63a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
diff --git a/images/menu.svg b/images/menu.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#e4b63a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
diff --git a/images/share.svg b/images/share.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>
-\ No newline at end of file
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -265,6 +265,7 @@ footer.legal {
         margin: 0;
         z-index: 3;
         opacity: 0;
+        cursor: pointer;
     }
     header.slidingmenu img.button {
         position: absolute;
@@ -274,6 +275,16 @@ footer.legal {
         width: 2.4rem;
         height: 2.4rem;
     }
+    header.slidingmenu img.button {
+        filter: brightness(0);
+    }
+    header.slidingmenu > input:hover ~ img.button.open,
+    header.slidingmenu > input:focus ~ img.button.open,
+    header.slidingmenu > input:hover ~ .content > img.button.close,
+    header.slidingmenu > input:focus ~ .content > img.button.close {
+        filter: none;
+    }
+
     header.slidingmenu > .content {
         position: fixed;
         overflow: auto;
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
@@ -15,3 +15,9 @@ footer.social a.lang:hover {
 body > header.banner img, footer.social a img {
     filter: brightness(10);
 }
+
+@media (max-width: 40em) {
+    header.slidingmenu > img.button.open {
+        filter: brightness(10);
+    }
+}