quatuorbellefeuille.com

commit 1f21e4416397a6d2f59b4ac1be9235aff62331d6
parent a741f9b5c32f51b334d7173685eb04d8b2a678e5
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun, 28 Feb 2021 15:24:12 +0100

Make some CSS rules more precise

So that e.g. a .social div in our future sliding menu is not affected.

Diffstat:
M
stylesheets/commun.css
 | 
8
++++----
M
stylesheets/dark.css
 | 
2
+-

2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
@@ -33,10 +33,10 @@ header.banner h1 {
     font-family: 'Cormorant', serif;
 }
 
-header.banner img, .social a img {
+header.banner img, footer.social img {
     filter: brightness(0);
 }
-header.banner:hover img, .social a:hover img {
+header.banner:hover img, footer.social img:hover {
     filter: none;
 }
 header.banner:hover {
@@ -201,12 +201,12 @@ footer.legal {
         padding: var(--menu-top-margin) 1em 0;
     }
 
-    .social a {
+    footer.social a {
         display: block;
         margin: 1rem;
     }
 
-    .social a > img {
+    footer.social a > img {
         width: 2.2rem;
     }
 
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
@@ -12,6 +12,6 @@ footer.social a.lang:hover {
     border-color: white;
 }
 
-header.banner img, .social a img {
+header.banner img, footer.social a img {
     filter: brightness(10);
 }