add transition to state layer

chloerei · chloerei · commit d09a2192bfb2 · 2023-04-23T23:24:43.000+08:00
diff --git a/src/css/_variables.scss b/src/css/_variables.scss
@@ -26,5 +26,5 @@ $breakpoints: (
   --space-4: 32px;
   --space-5: 64px;
 
-  --transition-duration: 0.2s;
+  --transition-duration: 0.15s;
 }
diff --git a/src/css/mixins/_state_layer.scss b/src/css/mixins/_state_layer.scss
@@ -10,6 +10,8 @@
     opacity: 0;
     border-radius: inherit;
     pointer-events: none;
+    transition-property: opacity;
+    transition-duration: var(--transition-duration);
   }
 
   &:hover {

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,8 @@`
`10`	`10`	`opacity: 0;`
`11`	`11`	`border-radius: inherit;`
`12`	`12`	`pointer-events: none;`
	`13`	`+ transition-property: opacity;`
	`14`	`+ transition-duration: var(--transition-duration);`
`13`	`15`	`}`
`14`	`16`
`15`	`17`	`&:hover {`