layout-2

maquette-tests/assets/css/style.css

@@ -2,7 +2,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap");
 :root {
-  --font: "Wagram Slab", serif;
+  --font: "ITC Cheltenham", serif;
   --mono: "Selectric Mono", monospace;
   --note: "Routed Gothic", serif;
   --red: #9B0000;
@@ -12,6 +12,9 @@
   --red: black;
   --green:black;
   --blue: black;
+  --indent: 7mm;
+  --font-size: 14px;
+  --baseline: 18px;
 }
 
 * {
@@ -28,8 +31,8 @@ a {
 }
 
 body {
-  --font-size: 12px;
-  --baseline: 17px;
+  --font-size: 14px;
+  --baseline: 20px;
   font-family: var(--font);
   font-size: var(--font-size);
   line-height: var(--baseline);
@@ -44,8 +47,8 @@ body {
     marks: crop;
   }
   @page :left {
-    margin-left: 35mm;
-    margin-right: 30mm;
+    margin-left: 25mm;
+    margin-right: 25mm;
     @bottom-left-corner {
       content: counter(page);
       font-family: var(--mono);
@@ -65,8 +68,8 @@ body {
     }
   }
   @page :right {
-    margin-left: 30mm;
-    margin-right: 35mm;
+    margin-left: 25mm;
+    margin-right: 25mm;
     @bottom-right-corner {
       content: counter(page);
       font-family: var(--mono);
@@ -310,39 +313,28 @@ body {
 }
 
 .chapter p {
-  text-align: justify;
-  -webkit-hyphens: auto;
-          hyphens: auto;
   position: relative;
   color: var(--blue);
+  font-weight: 200;
+  letter-spacing: 0.01rem;
 }
 .chapter p + p {
-  left: 14mm;
-  text-indent: 7mm;
-}
-.chapter p + p + p {
-  left: 7mm;
+  text-indent: var(--indent);
 }
 .chapter h3 {
   margin-top: calc(var(--baseline) * 1.5);
   margin-bottom: calc(var(--baseline) * 0.5);
   text-align: center;
-  font-weight: normal;
-  text-decoration: underline;
-  font-family: var(--mono);
+  font-weight: 200;
   text-transform: uppercase;
   color: var(--blue);
   max-width: 18ch;
-  margin-inline: auto;
+  letter-spacing: 0.05rem;
 }
 .chapter blockquote {
-  position: relative;
-  left: 14mm;
-}
-.chapter blockquote p {
-  font-size: 16px;
-  line-height: calc(var(--baseline) * 1.25);
-  font-weight: 300;
+  padding-left: var(--indent);
+  margin-top: calc(var(--baseline) * 2);
+  margin-bottom: calc(var(--baseline) * 2);
 }
 .chapter > :first-child {
   margin-top: 0px;
@@ -353,6 +345,7 @@ body {
 }
 
 .inline-note {
+  display: none !important;
   color: var(--green);
   float: left;
   clear: both;