layout-5

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

@@ -1,13 +1,13 @@
 @mixin running(){
-  font-family: var(--font);
+  font-family: var(--mono);
   font-size: 12px;
-  vertical-align: bottom;
-  padding-bottom: 5mm;
+  // vertical-align: bottom;
+  // padding-bottom: 5mm;
 }
 
 
 @mixin numPage(){
-  font-family: var(--font);
+  font-family: var(--sans);
   font-size: 20px;
   vertical-align: bottom;
   padding-bottom: 5mm;
@@ -22,7 +22,7 @@
   
   @page {
     size: 165mm 240mm;
-    margin-top: 10mm;
+    margin-top: 16mm;
     margin-bottom: 20mm;
     bleed: 6mm;
     marks: crop;
@@ -32,19 +32,19 @@
   @page:left{
     margin-left: 18mm;
     margin-right: 26mm;
-     @bottom-left{
+     @bottom-center{
       content: counter(page);
       @include numPage();
        
    
     }
-     @bottom-center {
+     @top-left {
       content: string(author);
       @include running();
-      text-align: left;
-      padding-left: 3ch;
+      // text-align: left;
+      // padding-left: 3ch;
     }
-     @bottom-right {
+     @top-center {
     content: string(type);
     @include running();
   }
@@ -53,13 +53,13 @@
   @page:right{
     margin-left: 26mm;
     margin-right: 18mm;
-     @bottom-right{
+     @bottom-center{
       content: counter(page);
       @include numPage();
         text-align: right;
   
     }
-     @bottom-left {
+     @top-left {
       content: string(title);
       @include running();
     }
@@ -71,6 +71,13 @@
 
   .chapter{
     break-before: right;
+    page: chapter;
+  }
+
+
+  @page chapter:first{
+    @top-left{ content: none; }
+
   }
 }
 

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

@@ -1,13 +1,14 @@
 :root{
 
     --font: 'Routed Gothic', sans-serif;
+    --font: 'Wagram Slab', serif;
     // --font: 'HAL Timezone', serif;
     --mono: 'Selectric Mono', monospace;
     --mono: 'Ivory Mono', monospace;
     --mono: 'Baskemo Sans', monospace;
 
     // --mono: 'HAL Timezone Mono', monospace;
-    --note: 'Routed Gothic', serif;
+    --sans: 'Routed Gothic', serif;
     // --note: 'Wagram Slab', serif;
     --title: 'HNoailles Times Triplex', sans-serif;
 
@@ -20,7 +21,7 @@
 
     --indent: 7mm;
 
-    --font-size: 14px;
+    --font-size: 12px;
     --baseline: 18px;
 
 }