Add hover effect on Homepage collage PhotoCard

2021-10-25 23:44:45 +02:00
parent 450ceb2bfa
commit 7c4d890706
4 changed files with 128 additions and 39 deletions
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -110,22 +110,6 @@
                height: clamp(156px, 18vw, 400px);
            }

-            picture {
-                background: $color-primary-tertiary20;
-            }
-            img {
-                display: block;
-                width: 100%;
-                height: 100%;
-                object-fit: cover;
-            }
-            a {
-                display: block;
-                cursor: zoom-in;
-                transition: transform 0.7s var(--ease-quart);
-                will-change: transform;
-            }
-
            // First row
            // Mobile: Top left
            &:nth-child(1) {
@@ -290,11 +274,6 @@
                z-index: 13;
            }
        }
-
-        // Slightly zoom in on hover
-        a:hover {
-            transform: scale(1.0375) rotate(2deg) translateZ(0);
-        }
    }

    // CTAS