smoothen button icon interactions

2026-06-04 12:33:03 +00:00 · 2022-09-06 21:19:35 +03:00
parent 6e46750270
commit befdf383b6
4 changed files with 78 additions and 40 deletions
@@ -69,6 +69,16 @@ button {
  background: linear-gradient(70deg, $gray3, $gray2);
  padding: 0 $small;

+  svg {
+    transition: all 0.2s;
+  }
+
+  &:active {
+    svg {
+      transform: scale(0.75);
+    }
+  }
+
  &:hover {
    background-image: linear-gradient(70deg, $darkestblue, $darkblue);
  }