]> _ Git - fluidbook-html5.git/commitdiff
wait #7897 @1
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Fri, 12 Dec 2025 11:35:24 +0000 (12:35 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Fri, 12 Dec 2025 11:35:24 +0000 (12:35 +0100)
style/links.less

index bfed8acb3542bbc2ffebcfcbecff9f8d826769d7..7df94439a7dfea1dccfeb2234fff15de89a962dd 100644 (file)
 
   &.contentLink[data-flipcard] {
     background-image: none !important;
-    perspective: 2000px;
     position: relative;
     overflow: visible;
+    transform: scale(0.25);
+    transform-origin: 0 0;
 
     > a {
       position: absolute;
       display: block;
       top: 0;
       left: 0;
-      width: 100%;
-      height: 100%;
+      width: 400%;
+      height: 400%;
       z-index: 1;
     }
 
       }
     }
 
-    .flipcard {
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      transition: transform 0.8s;
-      transform-style: preserve-3d;
-
-      > div {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        backface-visibility: hidden;
-
-        img {
+    .flipcard-perspective {
+      perspective: 2000px;
+
+      .flipcard {
+        width: 400%;
+        height: 400%;
+        transition: transform 0.8s;
+        transform-style: preserve-3d;
+
+        > div {
+          position: absolute;
+          top: 0;
+          left: 0;
           width: 100%;
-          height: 100%
+          height: 100%;
+          backface-visibility: hidden;
+
+          img {
+            width: 100%;
+            height: 100%
+          }
         }
       }
     }