quatuorbellefeuille.com

commit 8c318602ed866407a65a83c7eb6f1d731bd45a22
parent d44bf65d8adba35a06742b6c6831c91cfa32466e
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Tue,  9 Feb 2021 22:51:34 +0100

Highlight social media on hover some more

Diffstat:
M
index.sh
 | 
2
+-
M
stylesheets/commun.css
 | 
10
++++++----
M
stylesheets/dark.css
 | 
2
+-

3 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/index.sh b/index.sh
@@ -1,2 +1,2 @@
 title=Bienvenue
-stylesheets=(dark index)
+stylesheets=(index dark)
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -36,12 +36,15 @@ header.banner h1 {
     font-family: 'Cormorant', serif;
 }
 
-header.banner img, .social img {
+header.banner img, .social a img {
     filter: brightness(0);
 }
-header.banner:hover img, .social img:hover {
+header.banner:hover img, .social a:hover img {
     filter: none;
 }
+.social a:hover {
+    background: white;
+}
 header.banner:hover {
     color: var(--gold);
 }
@@ -183,8 +186,7 @@ footer.legal {
 
     .social img {
         width: 2em;
-        margin-top: 0.5em;
-        margin-bottom: 0.5em;
+        padding: 0.5em;
     }
 
     .contact {
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
@@ -3,6 +3,6 @@ body {
     color: white;
 }
 
-header.banner img, .social img {
+header.banner img, .social a img {
     filter: brightness(10);
 }