upadate CSS variables of pagedjs

baseline/css/interface.css

@@ -7,7 +7,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;

book-index/css/interface.css

@@ -34,7 +34,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;
@@ -49,7 +49,7 @@
         margin-top: 10mm;
     }
     .pagedjs_first_page {
-        margin-left: var(--width);
+        margin-left: var(--pagedjs-width);
     }
 
 

columnsAndFloat/css/book.css

@@ -523,7 +523,7 @@ pre{
     }
     .pagedjs_pages{
         display:flex;
-        width:calc(var(--width) * 2);
+        width:calc(var(--pagedjs-width) * 2);
         flex:0;
         flex-wrap:wrap;
         margin:0 auto;
@@ -537,7 +537,7 @@ pre{
         margin-top:10mm;
     }
     .pagedjs_first_page{
-        margin-left:var(--width);
+        margin-left:var(--pagedjs-widthh);
     }
  
     .pagedjs_margin-content{

notes-float/css/interface.css

@@ -26,7 +26,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;
@@ -41,7 +41,7 @@
         margin-top: 10mm;
     }
     .pagedjs_first_page {
-        margin-left: var(--width);
+        margin-left: var(--pagedjs-width);
         
     }
 

sidenotes/interface.css

@@ -34,7 +34,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: calc(var(--width) * 2);
+        width: calc(var(--pagedjs-width) * 2);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;
@@ -49,7 +49,7 @@
         margin-top: 10mm;
     }
     .pagedjs_first_page {
-        margin-left: var(--width);
+        margin-left: var(--pagedjs-width);
     }
 
 

sidenotes/style.css

@@ -34,16 +34,16 @@
 .area-sidenote-left {
 	width: 150px;
 	position:absolute;
-	top: var(--margin-top);
-	padding-left: 10mm;
+	top: var(--pagedjs-margin-top);
+	left: 10mm;
 	padding-right: 10mm;
 }
 
 .area-sidenote-right {
 	width: 150px;
-	top: var(--margin-top);
+	top: var(--pagedjs-margin-top);
 	position:absolute;
-	left: calc(var(--width) - var(--margin-right));
+	left: calc(var(--pagedjs-width) - var(--pagedjs-margin-right));
 	padding-left: 10mm;
 	padding-right: 10mm;
 }

table-of-content/css/interface.css

@@ -7,7 +7,7 @@
     }
     .pagedjs_pages {
         display: flex;
-        width: var(--width);
+        width: var(--pagedjs-width);
         flex: 0;
         flex-wrap: wrap;
         margin: 0 auto;