Highlight social media on hover some more

3 files changed, 8 insertions, 6 deletions

diff --git a/index.sh b/index.sh
index 755fb5d..2504318 100644
--- 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
index 2f2ec21..30a6f24 100644
--- 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
index 0687599..5c08f5a 100644
--- 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);
 }