feat: add animation and pointer to button component (#545)

davidlj95 · May 21, 2024 · 86b2bbd · 86b2bbd
1 parent c305690
commit 86b2bbd
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/app/resume-page/button/button.component.scss b/src/app/resume-page/button/button.component.scss
@@ -1,3 +1,5 @@
+@use 'animations';
+
 :host {
   background-color: var(--sys-color-primary);
   border: none;
@@ -6,6 +8,7 @@
   font-size: 1em;
   height: 2em;
   padding: 0 1em;
+  cursor: pointer;
 
   &:hover {
     background-color: color-mix(
@@ -15,4 +18,8 @@
     );
     color: var(--sys-color-on-primary);
   }
+
+  @include animations.when-motion {
+    @include animations.multiple-transitions((background-color, color));
+  }
 }