Test disable animation for otuche device 🚀

chicio · chicio · commit b215cac22b92 · 2021-10-20T09:19:52.000+02:00
diff --git a/src/components/design-system/molecules/post-card.tsx b/src/components/design-system/molecules/post-card.tsx
@@ -22,9 +22,11 @@ const PostCardContainer = styled.div`
   box-shadow: 0 3px 10px 0 ${(props) => props.theme.light.boxShadowLight};
 
   @media (min-width: 992px) {
-    transition: transform 0.2s;
-    &:hover {
-      transform: scale(1.025);
+    @media (hover: hover) and (pointer: fine) {
+      transition: transform 0.2s;
+      &:hover {
+        transform: scale(1.025);
+      }
     }
   }
 

Original file line number	Diff line number	Diff line change
@@ -22,9 +22,11 @@ const PostCardContainer = styled.div`
`22`	`22`	`box-shadow: 0 3px 10px 0 ${(props) => props.theme.light.boxShadowLight};`
`23`	`23`
`24`	`24`	`@media (min-width: 992px) {`
`25`		`- transition: transform 0.2s;`
`26`		`- &:hover {`
`27`		`- transform: scale(1.025);`
	`25`	`+ @media (hover: hover) and (pointer: fine) {`
	`26`	`+ transition: transform 0.2s;`
	`27`	`+ &:hover {`
	`28`	`+ transform: scale(1.025);`
	`29`	`+ }`
`28`	`30`	`}`
`29`	`31`	`}`
`30`	`32`