From 8c318602ed866407a65a83c7eb6f1d731bd45a22 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 9 Feb 2021 22:51:34 +0100 Subject: Highlight social media on hover some more --- index.sh | 2 +- stylesheets/commun.css | 10 ++++++---- stylesheets/dark.css | 2 +- 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); } -- cgit v1.2.3