running pages

maquette-tests/assets/css/01_var.css

@@ -70,7 +70,7 @@
     --sign-baseline: 18px;
     --sign-spacing: 0.45rem;
     --sign-spacing: 7.5px;
-    --sign-color: var(--red);
+    --sign-color: var(--blue);
     /* --sign-color: black; */
   
 

maquette-tests/assets/css/03_layout.css

@@ -8,6 +8,7 @@
     marks: crop;
     --symbol-top: 1px;
     --running-top: 8mm;
+     --running-bottom: 10mm;
   }
 
   @page:left {
@@ -66,6 +67,17 @@
  
     }
 
+    @bottom-left {
+        content: counter(page);
+      vertical-align: top;
+      padding-top: var(--running-bottom);
+        white-space: nowrap;
+        font-size: var(--font-size);
+       color: var(--sign-color);
+       z-index: 100;
+
+    }
+
 
 
     
@@ -112,10 +124,21 @@
       white-space: nowrap;
     }
 
-    @top-right-corner {
- 
+
+        @bottom-right {
+        content: counter(page);
+      vertical-align: top;
+      padding-top: var(--running-bottom);
+      text-align: right;
+        white-space: nowrap;
+        font-size: var(--font-size);
+       color: var(--sign-color);
+       z-index: 100;
+
     }
 
+
+
   }
 
 
@@ -205,3 +228,25 @@
 /* DELETE BEFORE PRINT */
 
 
+
+
+.pagedjs_left_page .pagedjs_margin-bottom-left .pagedjs_margin-content::after{
+  background-color: white;
+  display: inline-block;
+  padding-left: 10px;
+  position: relative;
+  left: -10px;
+  padding-right: 1.5ch;
+}
+
+
+
+.pagedjs_right_page .pagedjs_margin-bottom-right .pagedjs_margin-content::after{
+  background-color: white;
+  display: inline-block;
+  padding-right: 10px;
+  position: relative;
+  left: 10px;
+  padding-left: 10px;
+  padding-right: 6px;
+}

maquette-tests/assets/css/chapter-header.css

@@ -2,7 +2,7 @@
 
 .chapter-header {
   position: relative;
-  font-family: var(--font-title);
+  /* font-family: var(--font-title); */
   font-size: 36px;
   line-height: 1;
   break-after: page;

maquette-tests/assets/css/running-page.css

@@ -5,7 +5,7 @@
       letter-spacing: var(--sign-spacing);
       line-height: var(--sign-baseline);
       vertical-align: top;
-      padding-top: var(--running-top);
+      padding-top: var(--running-bottom);
       width: 100%;
 
 
@@ -21,7 +21,7 @@
 
 .running-page{
     width: calc(var(--w-container)*2);
-    padding-left: 7px;
+    padding-left: 11px;
     padding-right: 6px;
     display: flex;
     /* background-color: yellow; */