style: update style for raised shadow hover (#1011)

jake-bassett · web-flow · commit 13f3a9a2d2f8 · 2021-07-19T14:07:59.000-07:00
diff --git a/projects/assets-library/assets/styles/_interaction.scss b/projects/assets-library/assets/styles/_interaction.scss
@@ -15,10 +15,11 @@
 }
 
 @mixin raised-shadow-hover {
+  transition: all 0.2s ease-in-out;
+
   &:hover {
-    border: none;
     box-shadow: 0 8px 20px rgba(63, 71, 74, 0.16), 0 2px 12px rgba(63, 71, 74, 0.08), 0 1px 8px rgba(63, 71, 74, 0.08);
-    transform: scale(1.02, 1.02);
+    transform: scale(1.01, 1.01);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -15,10 +15,11 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`@mixin raised-shadow-hover {`
	`18`	`+ transition: all 0.2s ease-in-out;`
	`19`	`+`
`18`	`20`	`&:hover {`
`19`		`- border: none;`
`20`	`21`	`box-shadow: 0 8px 20px rgba(63, 71, 74, 0.16), 0 2px 12px rgba(63, 71, 74, 0.08), 0 1px 8px rgba(63, 71, 74, 0.08);`
`21`		`- transform: scale(1.02, 1.02);`
	`22`	`+ transform: scale(1.01, 1.01);`
`22`	`23`	`}`
`23`	`24`	`}`
`24`	`25`