Sharpen icon shadows

andreymal · Jun 30, 2021 · b5e11d9 · b5e11d9
1 parent b5680de
commit b5e11d9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/mini_fiction/frontend/src/css/icons.css b/mini_fiction/frontend/src/css/icons.css
@@ -7,15 +7,15 @@
     cursor: pointer;
 
     &.inactive {
-        filter: grayscale(0.7) drop-shadow(.1em .1em .1em rgba(32, 32, 32, .2));
+        filter: saturate(0) brightness(85%) drop-shadow(0 0 .05em rgba(32, 32, 32, .4));
     }
 
     &, &.active, &.inactive:hover {
-        filter: drop-shadow(.1em .1em .1em rgba(32, 32, 32, .2));
+        filter: drop-shadow(0 0 .05em rgba(32, 32, 32, .4));
     }
 
     &:hover {
-        filter: saturate(105%) brightness(110%) drop-shadow(.1em .1em .1em rgba(64, 64, 64, .2));
+        filter: saturate(105%) brightness(110%) drop-shadow(0 0 .05em rgba(32, 32, 32, .2));;
     }
 
     &.disabled {