From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 15 Sep 2017 12:08:11 +0000 (+0200)
Subject: wip #1634 @1
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=9914f6011f4123151a3c71affa5c32d5f60414e1;p=fluidbook-html5.git

wip #1634 @1
---

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 517c308b..ed855d83 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -346,7 +346,63 @@ body, html {
 	pointer-events: none;
 	mix-blend-mode: multiply;
 
-#shadow > div {
+	> .shadow {
+		position: absolute;
+		left: 0;
+		opacity: @shadow-opacity;
+
+		&.bottom {
+			bottom: -@shadow-height+@shadow-offset;
+			background-size: 100% @shadow-height;
+			height: @shadow-height;
+
+			&.left {
+				left: -12px;
+				width: @shadow-width-left;
+				background-image: url("../images/shadows/back/bottom-left.png");
+			}
+
+			&.right {
+				display: none;
+				background-image: url("../images/shadows/back/bottom-right.png");
+				width: @shadow-width-right;
+
+				.landscape & {
+					left: @book-page-width;
+				}
+			}
+		}
+
+		&.side {
+
+			top: 0;
+			width: 35px;
+			height: unit(@book-page-height, px);
+			background-size: 100% 100%;
+
+			&.right {
+				left: unit(@book-page-width*2, px);
+				background-image: url("../images/shadows/back/right.png");
+
+				.portrait & {
+					display: block !important;
+					left: unit(@book-page-width - 6, px);
+				}
+			}
+
+			&.left {
+				background-image: url("../images/shadows/back/left.png");
+				left: -35px;
+				.portrait & {
+					left: -29px;
+				}
+			}
+
+		}
+	}
+}
+
+#edges {
 	position: absolute;
 	top: 0px;
 	left: 0px;
@@ -354,6 +410,10 @@ body, html {
 	height: unit(@book-page-height, px);
 	pointer-events: none;
 
+	.portrait & {
+		display: none;
+	}
+
 	@edge-scale: 1;
 
 	> .edge {
@@ -2145,5 +2205,4 @@ body > input {
 	src: url("fonts/OpenSans-Semibold.woff2") format("woff2"), url("fonts/OpenSans-Semibold.woff") format("woff");
 	font-weight: 600;
 	font-style: normal;
-}
-
+}
\ No newline at end of file