quatuorbellefeuille.com

commit 9ed5b1f73490c67aa2ee5cbc6e99abfdaf3ac832
parent af1ef910f5d57fc585f819ad06d8af2d5f10824d
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun, 14 Mar 2021 12:24:07 +0100

Simplify some CSS rules

Not sure why I added those :not(.active); maybe I was afraid
.active:hover would compound?

Diffstat:
M
stylesheets/concerts.css
 | 
8
++++----

1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/stylesheets/concerts.css b/stylesheets/concerts.css
@@ -149,14 +149,14 @@ a.event {
         border-top-left-radius: 0.5em;
     }
 
-    .eventcontainer:not(.active):hover img,
-    .eventcontainer:not(.active):focus-within img,
+    .eventcontainer:hover img,
+    .eventcontainer:focus-within img,
     .eventcontainer.active img {
         filter: grayscale(0.8) brightness(0.4);
     }
 
-    .eventcontainer:not(.active):hover .summary,
-    .eventcontainer:not(.active):focus-within .summary,
+    .eventcontainer:hover .summary,
+    .eventcontainer:focus-within .summary,
     .eventcontainer.active .summary {
         opacity: 1;
     }