layout-3

maquette-tests/assets/css/base/_body.scss

@@ -16,8 +16,7 @@ a {
 // }
 
 body {
-    --font-size: 14px;
-    --baseline: 20px;
+   
     font-family: var(--font);
     font-size: var(--font-size);
     line-height: var(--baseline);

maquette-tests/assets/css/base/_layout.scss

@@ -1,6 +1,8 @@
 @mixin running(){
   font-family: var(--mono);
   font-size: 10px;
+  vertical-align: bottom;
+  padding-bottom: 5mm;
 }
 
 
@@ -11,15 +13,15 @@
   @page {
     size: 165mm 240mm;
     margin-top: 10mm;
-    margin-bottom: 20mm;
+    margin-bottom: 60mm;
     bleed: 6mm;
     marks: crop;
    
   }
 
   @page:left{
-    margin-left: 25mm;
-    margin-right: 25mm;
+    margin-left: 18mm;
+    margin-right: 26mm;
      @bottom-left-corner{
       content: counter(page);
       @include running();
@@ -38,8 +40,8 @@
   }
 
   @page:right{
-    margin-left: 25mm;
-    margin-right: 25mm;
+    margin-left: 26mm;
+    margin-right: 18mm;
      @bottom-right-corner{
       content: counter(page);
       @include running();

maquette-tests/assets/css/base/_var.scss

@@ -1,10 +1,11 @@
 :root{
 
-    --font: 'ITC Cheltenham', serif;
+    --font: 'Routed Gothic', sans-serif;
     // --font: 'HAL Timezone', serif;
     --mono: 'Selectric Mono', monospace;
     // --mono: 'HAL Timezone Mono', monospace;
     --note: 'Routed Gothic', serif;
+    --title: 'HNoailles Times Triplex', sans-serif;
 
     --red: #9B0000;
     --green:#009B00;