From df4758aaaab4ad86b5bab834dcc367ba3ba99b43 Mon Sep 17 00:00:00 2001 From: Manos Date: Tue, 21 Jul 2020 03:52:47 +0200 Subject: [PATCH] Coloring the active button --- css/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/styles.css b/css/styles.css index 095cae4..46685b5 100644 --- a/css/styles.css +++ b/css/styles.css @@ -15,6 +15,10 @@ body { padding: 0 1em; } +#grid:target.button, #list:target.button { + filter: invert(52%) sepia(2%) saturate(23%) hue-rotate(328deg) brightness(97%) contrast(82%); +} + #list:target + .photos { margin: auto; padding: 0; @@ -287,7 +291,7 @@ body { margin: 1em 0; } -.button:hover { +.button:hover, #grid:target.button:hover, #list:target.button:hover { filter: invert(90%) drop-shadow(0 0 .1em black); }