update.

huidetang · Jul 5, 2024 · 91eee79 · 91eee79
1 parent 229b75f
commit 91eee79
Show file tree

Hide file tree

Showing 2 changed files with 147 additions and 128 deletions.
diff --git a/config-vivliostyle.yml b/config-vivliostyle.yml
@@ -1,10 +1,10 @@
 inherit: ["config.yml"]
 stylesheet: vivliostyle-a6.css
-cover: cover.xhtml
-# coverimage: null
+# cover: null
+coverimage: title.png
 titlepage: false
 # titlefile: title.xhtml
-colophon: colophon.xhtml
+colophon: true
 backcover: null
 # catalogfile: catalog.yml
 bookname: book

diff --git a/sass/common/_format.scss b/sass/common/_format.scss
@@ -52,8 +52,27 @@ html {
   }
 }
 
-@page :first { margin: 0 !important; }
-@page :last { margin: 0 !important; }
+@page :first { 
+  margin: 0 !important;
+
+  @top-left {
+    content: none;
+  }
+
+  @top-right {
+    content: none;
+  }
+}
+
+@page :last {
+  @top-left {
+    content: none;
+  }
+
+  @top-right {
+    content: none;
+  }
+}
 
 @page :right {
 
@@ -81,69 +100,69 @@ html {
   }
 }
 
-/* 表紙ページ */
-.cover {
-  page: cover;
-}
-
-@page cover {
-  size: $paper-size;
-  bleed: $bleed-size;
-  width: $paper-width;
-  height: $paper-height;
-  marks: $marks;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  margin-right: 0 !important;
-  margin-left: 0 !important;
-
-  @top-left {
-    content: none;
-  }
-
-  @top-right {
-    content: none;
-  }
-
-  @right-middle {
-    content: none;
-  }
-
-  @left-middle {
-    content: none;
-  }
-}
-
-.title {
-  page: title;
-}
-
-@page title {
-  size: $paper-size;
-  bleed: $bleed-size;
-  width: $paper-width;
-  height: $paper-height;
-  marks: $marks;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  margin-right: 0 !important;
-  margin-left: 0 !important;
-
-  @top-left {
-    content: none;
-  }
-  @top-right {
-    content: none;
-  }
-
-  @right-middle {
-    content: none;
-  }
-
-  @left-middle {
-    content: none;
-  }
-}
+// /* 表紙ページ */
+// .cover {
+//   page: cover;
+// }
+
+// @page cover {
+//   size: $paper-size;
+//   bleed: $bleed-size;
+//   width: $paper-width;
+//   height: $paper-height;
+//   marks: $marks;
+//   margin-top: 0 !important;
+//   margin-bottom: 0 !important;
+//   margin-right: 0 !important;
+//   margin-left: 0 !important;
+
+//   @top-left {
+//     content: none;
+//   }
+
+//   @top-right {
+//     content: none;
+//   }
+
+//   @right-middle {
+//     content: none;
+//   }
+
+//   @left-middle {
+//     content: none;
+//   }
+// }
+
+// .title {
+//   page: title;
+// }
+
+// @page title {
+//   size: $paper-size;
+//   bleed: $bleed-size;
+//   width: $paper-width;
+//   height: $paper-height;
+//   marks: $marks;
+//   margin-top: 0 !important;
+//   margin-bottom: 0 !important;
+//   margin-right: 0 !important;
+//   margin-left: 0 !important;
+
+//   @top-left {
+//     content: none;
+//   }
+//   @top-right {
+//     content: none;
+//   }
+
+//   @right-middle {
+//     content: none;
+//   }
+
+//   @left-middle {
+//     content: none;
+//   }
+// }
 
 /* 目次ページ */
 .toc {
@@ -159,67 +178,67 @@ html {
   }
 }
 
-.colophon {
-  page: colophon;
-}
-
-@page colophon {
-  size: $paper-size;
-  width: $paper-width;
-  height: $paper-height;
-  marks: $marks;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  margin-right: 0 !important;
-  margin-left: 0 !important;
-
-  @top-left {
-    content: none;
-  }
-  @top-right {
-    content: none;
-  }
-
-  @right-middle {
-    content: none;
-  }
-
-  @left-middle {
-    content: none;
-  }
-}
-
-.backcover {
-  page: backcover;
-}
-
-@page backcover {
-  size: $paper-size;
-  bleed: $bleed-size;
-  width: $paper-width;
-  height: $paper-height;
-  marks: $marks;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  margin-right: 0 !important;
-  margin-left: 0 !important;
-
-  @top-left {
-    content: none;
-  }
+// .colophon {
+//   page: colophon;
+// }
+
+// @page colophon {
+//   size: $paper-size;
+//   width: $paper-width;
+//   height: $paper-height;
+//   marks: $marks;
+//   margin-top: 0 !important;
+//   margin-bottom: 0 !important;
+//   margin-right: 0 !important;
+//   margin-left: 0 !important;
+
+//   @top-left {
+//     content: none;
+//   }
+//   @top-right {
+//     content: none;
+//   }
+
+//   @right-middle {
+//     content: none;
+//   }
+
+//   @left-middle {
+//     content: none;
+//   }
+// }
+
+// .backcover {
+//   page: backcover;
+// }
+
+// @page backcover {
+//   size: $paper-size;
+//   bleed: $bleed-size;
+//   width: $paper-width;
+//   height: $paper-height;
+//   marks: $marks;
+//   margin-top: 0 !important;
+//   margin-bottom: 0 !important;
+//   margin-right: 0 !important;
+//   margin-left: 0 !important;
+
+//   @top-left {
+//     content: none;
+//   }
 
-  @top-right {
-    content: none;
-  }
-
-  @right-middle {
-    content: none;
-  }
-
-  @left-middle {
-    content: none;
-  }
-}
+//   @top-right {
+//     content: none;
+//   }
+
+//   @right-middle {
+//     content: none;
+//   }
+
+//   @left-middle {
+//     content: none;
+//   }
+// }
 
 @media print {
   .cover {