From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 4 Oct 2021 16:47:37 +0000 (+0200)
Subject: wip #4747 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=c0eff66bc1bedb593c85c4ad493f988efb00d662;p=fluidbook-html5.git

wip #4747 @0.5
---

diff --git a/style/cart/grandvision.less b/style/cart/grandvision.less
index f1975d6c..ae55e28c 100644
--- a/style/cart/grandvision.less
+++ b/style/cart/grandvision.less
@@ -693,7 +693,7 @@
             background-color: @bleu;
             background-size: cover;
             color: #fff;
-            margin-bottom: unit(@iw/6, cm);
+            margin-bottom: unit((@iw/6), cm);
 
             &.adv{
               background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3NTk5QjMxN0REQzExRUJBOEZFRTBGMzVDOTU3NzQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ3NTk5QjMyN0REQzExRUJBOEZFRTBGMzVDOTU3NzQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDc1OTlCMkY3RERDMTFFQkE4RkVFMEYzNUM5NTc3NDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDc1OTlCMzA3RERDMTFFQkE4RkVFMEYzNUM5NTc3NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5aegtcAAAFsklEQVR42uydaYhVZRjH3yk1s6mxcZkcJjItpKDGzCTtQ3u2SJstYrSYjEXkh6IsCTIjG78UhUEUWBQSRDLZVJimQ0GZ1ZcgEyOXsU1snYZxpmbp9H9434HLbeacc+ee89zz3vv/w4/Re+59zvK/7/6cc6uCIDBUdnQULwENoWgIDaFoCA2haAgNoWgIDaFoCEVDaAhFQ2gIRUNoCEVDaAiVFY0qo3M5FjSCGaDB/b8fdIF2sAfsBv/SkPR0PLgV3AIuBGMi3v872Ao2uL/9WTuhKk+zTsSIFWA5qBlhjH3gKfB6lkqNj4bcAF4EdQnF+xIsBV+zUS9Mo8ELoCVBM0TngS/AEpaQ+BoHNoKrUt7PavAEDQmXNNSbFMwY1GPgaRoyvNaB+5X3ebMrkTQkT9eDt2O+t8u1L5vBLvCL69bXg9ngOnBFzHaz041p2tXPWAzJKNXgUBCtPrAWjI8R8zTQEsRTaynOW6OEVIF54GowC5wMqkEHOAB2ujbi27zPSeO6KiL2T+BG10sqRHeBl13PLUwXg4/KpYSI2YvB7pjfyO1gbk7p+CPi/T+CaUUc3zWgN2If27RLSFqBJ4Mtwcj0DGiKUU3NSeA4H4hxPKf6bsh0sC8oTv0R29cmWIp3ROxrpc9tSK2rz6enWMt2uXaoI6F4l4JtIdu3g8t8nTp5JWUzjOvadiQYrw0cDNl+vq9zWQtcXz9tbU66XwM+CNl+nCuR3hmyUumYd6UQM2qmd4pvhsxwYw0NHS5BzHG+GTJfsZo9OoWYmVk5TcqQmYrHXF+CmJ2+GVKvaMjsFGKeG7H9oG+GHKNoyLUJx5P1lrC1ll+NTY7wypA/FQ25EkxLMN4icGLI9k98bEO+U27Uk1rRk9yt1RHv2eqjITuVOyOSi7U4gTjPg6kh23vBmz4asgUcUTZlPbikiM8/Cpoi3vOGcnWcmCHd4FVlQ8YaO+XRNILPSV5Xc8T7BsAa9YFIglPHdeCvoDRqA/Mijm8UWAT2xoz5XDks4d4BXkso1j/gbmNnkON2q/e4Rvgr11WVGqDBjV2kazs5Zpz9xiY5dPlcQgZpTuAbPwBucvGWKZe2btBYquSOtAKvKuKCHAEL8+I9qWSGrLEvKGW2TRJV1iTwkLEZGrm3A5w+wllSGRn/PMTrZ5n0c5FlzuqA+7dUV5ITts51f1VUrCGyTvAZOMWUr95z0zVxL5TM693pron0AjdptiHrg8pQnGpsosuY6cn77D2FXNNiq4D5pjIUNgA9wdikPqnqHnTjnFzdV8iOil2Yqa4QQ2qHmQeTJPBHwISQz9ZoGlKJGuPGR5LmelLSwWlIYdNMtzkjUkt10jKk142ee1L+5p5tbNpO0pIut2S7nJH2hdIwRLLaLwc/KOxL6vJWM3wGjNxt+xsYb6Jvoc7VLN9me8O0QskM4+avlg/xep+xt6rJILbO9Yyk+jlsMiaNEvK98jntH+I1uZX6/byJS1nr+NzYXOTaLDVU5a6WPDNyJQ8PaM7SwVaCIa0R29+hIbqKWtPopCG6aozYfg4N0dUyM3zeVZXrBdIQRUk3913z/+ejyLLwS8au41RUtzcLusDYZL6N7q+Ys9DY9XZDQ0ojecbWkqwfJJ+5SEMoGkJDKBpCQyhfDZmifE4NNCRccrfTBKXzkeXbZ302RGNgKLdMS87SDvB3ivuRh5HNARNTiN1u7HxYTTkYMjhK9jmp7mNj85clB0tyscayUS+9JDniYWPvAJZJyT4akg0dAveCM419qH+QJUO6K8SEoZ7PtRfcbmzOVtgycI+mIW0VYsinIdu+Mfb5wnOHuR5vFbKjYu8PmWpsGs2kMjZDGnTJfo/7kxYXuSpNxkMfGvuTGANahojkaWuPuwMZXUZGyH33crPNGs2q2dcfdClbsZdFQygaQkMoGkJDKBpCQygaQkMoGkLREF/0nwADAL9qbYQPMKcBAAAAAElFTkSuQmCC");
diff --git a/style/chapters.less b/style/chapters.less
index 23ad1473..c18e93f0 100644
--- a/style/chapters.less
+++ b/style/chapters.less
@@ -1,14 +1,14 @@
 // Chapters
 
 ul.chapters {
-  @scale: @menu-chapters-font-size/100;
+  @scale: (@menu-chapters-font-size/100);
   list-style: none;
   padding: 20px 0;
 
   .column {
     display: inline-block;
     vertical-align: top;
-    width: unit(100/@menu-chapters-columns-count, %);
+    width: unit((100/@menu-chapters-columns-count), %);
   }
 
   &.onecolumn {
@@ -95,32 +95,32 @@ ul.chapters {
     }
 
     &.level2 {
-      padding-left:  unit(80*@scale, px);
+      padding-left: unit(80*@scale, px);
 
       .rtl & {
         padding-left: 0;
-        padding-right:  unit(80*@scale, px);
+        padding-right: unit(80*@scale, px);
       }
 
       .right {
-        top:  unit(6*@scale, px);
+        top: unit(6*@scale, px);
       }
 
       .right .puce {
-        margin:  unit(-2*@scale, px) 0 0 0;
+        margin: unit(-2*@scale, px) 0 0 0;
       }
     }
 
     .level3 {
-      padding-left:  unit(110*@scale, px);
+      padding-left: unit(110*@scale, px);
 
       .right {
-        top:  unit(6*@scale, px);
+        top: unit(6*@scale, px);
       }
 
       .rtl & {
         padding-left: 0;
-        padding-right:  unit(110*@scale, px);
+        padding-right: unit(110*@scale, px);
       }
     }
 
@@ -131,20 +131,20 @@ ul.chapters {
 
   li > a > span {
     display: block;
-    padding-right:  unit(30*@scale, px);
+    padding-right: unit(30*@scale, px);
 
     .rtl & {
       padding-right: 0;
-      padding-left:  unit(30*@scale, px);
+      padding-left: unit(30*@scale, px);
     }
 
   }
 
   .right {
-    @size:  unit(20*@scale, px);
+    @size: unit(20*@scale, px);
 
-    right:  unit(32*@scale, px);
-    top:  unit(4*@scale, px);
+    right: unit(32*@scale, px);
+    top: unit(4*@scale, px);
     position: absolute;
     display: inline-block;
     vertical-align: top;
@@ -154,7 +154,7 @@ ul.chapters {
 
     .rtl & {
       right: auto;
-      left:  unit(32*@scale, px);
+      left: unit(32*@scale, px);
     }
 
     .puce {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 7e8cc93c..0d468326 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -330,7 +330,7 @@ body, html {
 #loader {
   position: absolute;
   @loaderSize: 48px;
-  @loaderMargin: unit(@loaderSize/-2, px);
+  @loaderMargin: -24px;
   top: 0;
   left: 0;
   z-index: 1000;
@@ -1740,7 +1740,7 @@ html.ios body.portrait #interface {
       }
 
       @w: 147px;
-      @h: unit(@w/@book-page-ratio, px);
+      @h: unit((@w/@book-page-ratio), px);
 
       .doubleThumb {
         position: relative;
diff --git a/style/print.less b/style/print.less
index 98668557..79819d05 100644
--- a/style/print.less
+++ b/style/print.less
@@ -87,11 +87,11 @@
       }
 
       &:nth-child(2) {
-        left: unit(@thumb-width/2, px);
+        left: unit((@thumb-width/2), px);
         z-index: 2;
 
         .rtl & {
-          right: unit(@thumb-width/2, px);
+          right: unit((@thumb-width/2), px);
           left: auto;
 
         }
diff --git a/style/slider.less b/style/slider.less
index 86ea87da..ed9b8732 100644
--- a/style/slider.less
+++ b/style/slider.less
@@ -83,7 +83,7 @@
       width: unit(@thumb-width+50, px);
 
       &:after {
-        left: unit(@thumb-width/2+9, px);
+        left: unit((@thumb-width/2+9), px);
       }
 
       .doubleThumb .thumb.right {
diff --git a/style/slideshow/vacheron.less b/style/slideshow/vacheron.less
index 98aa2df2..e49b7d3f 100644
--- a/style/slideshow/vacheron.less
+++ b/style/slideshow/vacheron.less
@@ -95,7 +95,7 @@
         color: #987e52;
         font-size: 8px;
         font-weight: bold;
-        padding: unit(@w/2, px);
+        padding: unit((@w/2), px);
         line-height: 0;
         vertical-align: bottom;
         text-align: center;