wait #5087 @0.5

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 0bbc661923fa3d75aa207f260314f9bc547375ee..a1be9894380f59903ece32e3e641b1f6a9b64999 100644 (file)
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -93,7 +93,8 @@ FluidbookLinks.prototype = {
         });
 
         $(document).on(this.fluidbook.input.clickEvent, '[data-flipcard] > a', function () {
-            $(this).closest('[data-flipcard]').find('.flipcard').toggleClass('flipped');
+            var f = $(this).closest('[data-flipcard]');
+            f.find('.flipcard').toggleClass('flipped');
             return false;
         });
 

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 622a3bebebb7c8b40f6e29572acd556683e3493b..c6af227680527d58bad213a7e1d637ce989a3c8a 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -1454,6 +1454,30 @@ html.ios body.portrait #interface {
       z-index: 1;
     }
 
+    &[data-flipcard="axis-y"] {
+      .flipcard {
+        &.flipped {
+          transform: rotateY(180deg);
+        }
+
+        > div.back {
+          transform: rotateY(180deg);
+        }
+      }
+    }
+
+    &[data-flipcard="axis-x"] {
+      .flipcard {
+        &.flipped {
+          transform: rotateX(180deg);
+        }
+
+        > div.back {
+          transform: rotateX(180deg);
+        }
+      }
+    }
+
     .flipcard {
       width: 100%;
       height: 100%;
@@ -1461,10 +1485,6 @@ html.ios body.portrait #interface {
       transition: transform 0.8s;
       transform-style: preserve-3d;
 
-      &.flipped {
-        transform: rotateY(180deg);
-      }
-
       > div {
         position: absolute;
         top: 0;
@@ -1473,10 +1493,6 @@ html.ios body.portrait #interface {
         height: 100%;
         backface-visibility: hidden;
 
-        &.back {
-          transform: rotateY(180deg);
-        }
-
         img {
           width: 100%;
           height: 100%