Clarification du css, Changement Readme

src/.temp/now.js

@@ -1 +1 @@
-export default 1563287951865
+export default 1563353261725

src/css/gabarits.scss

@@ -8,6 +8,7 @@ body {
   @page {
     size: $largeur $hauteur;
     margin: $marge;
+    bleed:$fond-perdu;
   }
 
   @page :left {

src/css/layout.scss

@@ -18,17 +18,17 @@
 
 .image-bleed-left {
   position: absolute;
-  width: calc(100% + 3mm);
-  height: calc(100% + 6mm);
-  margin-left: -3mm;
-  margin-top: -3mm;
+  width: calc(100% + #{$fond-perdu});
+  height: calc(100% + #{$fond-perdu} * 2);
+  margin-left: -$fond-perdu;
+  margin-top: -$fond-perdu;
 }
 
 .image-bleed-right {
   position: absolute;
-  width: calc(100% + 3mm);
-  height: calc(100% + 6mm);
-  margin-top: -3mm;
+  width: calc(100% + #{$fond-perdu});
+  height: calc(100% + #{$fond-perdu} * 2);
+  margin-top: -$fond-perdu;
 }
 
 .image-cover {

src/css/parametres.scss

@@ -3,3 +3,4 @@ $largeur: 148mm;
 $hauteur: 210mm;
 $marge: 2cm;
 $font-de-base: 10pt;
+$fond-perdu: 3mm;

src/css/screen.scss

@@ -18,4 +18,7 @@
 		flex: none;
 		box-shadow: 0 0 1px rgba(0,0,0,0.2);
 	}
+	.pagedjs_bleed {
+		background-color: lightpink;
+	}
 }

src/pages/Index.vue

@@ -38,10 +38,13 @@
           <VueMarkdown lang="fr" class="chapter-content justify">{{edge.node.contenu}}</VueMarkdown>
       </div>
       <!-- Notes de fin de document -->
+      <h3 class="section-title">NOTES</h3>
         <ol v-for="note in footnote">
           <li>{{note}}</li>
         </ol>
       <!-- Pleine pages avant les sections -->
+      <div class="blank-page no-folio"></div>
+
       <div class="column image-cover cover-left green image-bleed-left" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
       </div>
       <div class="column image-cover cover-right green image-bleed-right" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>