manos/Photos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Coloring the active button

Browse Source
This commit is contained in:
Manos Katsomallos
2020-07-21 03:52:47 +02:00
parent 287d101a30
commit df4758aaaa
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
css/styles.css
View File

@ -15,6 +15,10 @@ body {
padding: 0 1em; 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 { #list:target + .photos {
margin: auto; margin: auto;
padding: 0; padding: 0;
@ -287,7 +291,7 @@ body {
margin: 1em 0; margin: 1em 0;
} }
.button:hover { .button:hover, #grid:target.button:hover, #list:target.button:hover {
filter: invert(90%) drop-shadow(0 0 .1em black); filter: invert(90%) drop-shadow(0 0 .1em black);
} }