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 --- stylesheets/commun.css | 10 ++++++---- stylesheets/dark.css | 2 +- 2 files changed, 7 insertions(+), 5 deletions(-) (limited to 'stylesheets') 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