Remove Card's shadow when hovering (#851)

marinaaisa · web-flow · commit 734bdd74a751 · 2024-06-06T15:07:14.000+02:00
* Remove Card's shadow when hovering

* Revert prefers-reduced-motion: reduce for transform property
diff --git a/src/components/Card.vue b/src/components/Card.vue
@@ -180,11 +180,9 @@ export default {
     border-radius: $big-border-radius;
 
     &:hover {
-      box-shadow: 0 5px 10px var(--color-card-shadow);
       transform: scale(1.007);
 
       @media (prefers-reduced-motion: reduce) {
-        box-shadow: none;
         transform: none;
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -180,11 +180,9 @@ export default {`
`180`	`180`	`border-radius: $big-border-radius;`
`181`	`181`
`182`	`182`	`&:hover {`
`183`		`- box-shadow: 0 5px 10px var(--color-card-shadow);`
`184`	`183`	`transform: scale(1.007);`
`185`	`184`
`186`	`185`	`@media (prefers-reduced-motion: reduce) {`
`187`		`- box-shadow: none;`
`188`	`186`	`transform: none;`
`189`	`187`	`}`
`190`	`188`	`}`