From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 20 Sep 2017 15:58:34 +0000 (+0200)
Subject: wait #1466 @0.15
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=829eaab7c9350b95ec996d7c109859343e544e5f;p=fluidbook-html5.git

wait #1466 @0.15
---

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 574fbf4d..721a974a 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -356,7 +356,7 @@ body, html {
 			background-size: 100% @shadow-height;
 			height: @shadow-height;
 
-			.portrait &{
+			.portrait & {
 				opacity: @shadow-opacity/2;
 			}
 
@@ -412,7 +412,7 @@ body, html {
 	height: unit(@book-page-height, px);
 	pointer-events: none;
 
-	.portrait &{
+	.portrait & {
 		width: unit(@book-page-width, px);
 	}
 
@@ -871,7 +871,7 @@ footer a {
 
 /* Fluidbook zooming */
 
-footer, header, #interface, #shadow {
+footer, header, #interface {
 	-moz-transition: opacity 400ms ease-in, visibility 400ms ease-in;
 	-webkit-transition: opacity 400ms ease-in, visibility 400ms ease-in;
 	-o-transition: opacity 400ms ease-in, visibility 400ms ease-in;
@@ -884,6 +884,23 @@ footer, header, #interface, #shadow {
 	}
 }
 
+#shadow {
+	-moz-transition: -moz-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+	-webkit-transition: -webkit-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+	-o-transition: -o-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+	-ms-transition: -ms-transform @zoomtransition ease-out, transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+	transition: transform @zoomtransition ease-out, opacity 400ms ease-in, visibility 400ms ease-in;
+
+	&.animate {
+		-moz-transition: all @zoomtransition ease-out;
+		-webkit-transition: all @zoomtransition ease-out;
+		-ms-transition: all @zoomtransition ease-out;
+		-o-transition: all @zoomtransition ease-out;
+		transition: all @zoomtransition ease-out;
+	}
+
+}
+
 a.bookmark {
 	&.hidden {
 		visibility: hidden;