update......

huidetang · Jul 5, 2024 · 96f5ced · 96f5ced
1 parent 3c7070a
commit 96f5ced
Show file tree

Hide file tree

Showing 7 changed files with 111 additions and 49 deletions.
diff --git a/backcover.xhtml b/backcover.xhtml
@@ -3,11 +3,13 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xmlns:ops="http://www.idpf.org/2007/ops" xml:lang="ja">
 <head>
   <meta charset="UTF-8" />
-  <link rel="stylesheet" type="text/css" href="colophon.css" />
+  <link rel="stylesheet" type="text/css" href="style.css" />
   <meta name="generator" content="Re:VIEW" />
   <title>裏表紙</title>
 </head>
 <body>
-  <img src="images/backcover.png" class="single-html"/>
+  <section class="backcover">
+    <img src="images/backcover.png" />
+  </section>
 </body>
 </html>
diff --git a/colophon.xhtml b/colophon.xhtml
@@ -8,6 +8,8 @@
   <title>奥付</title>
 </head>
 <body>
-  <img src="images/colophon.png" class="single-html" />
+  <section class="colophon">
+    <img src="images/colophon.png" />
+  </section>
 </body>
 </html>
diff --git a/config-vivliostyle.yml b/config-vivliostyle.yml
@@ -1,6 +1,6 @@
 inherit: ["config.yml"]
 stylesheet: vivliostyle-a6.css
-cover: title.xhtml
+cover: cover.xhtml
 coverimage: null
 titlepage: false
 titlefile: null

diff --git a/cover.xhtml b/cover.xhtml
@@ -3,11 +3,13 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xmlns:ops="http://www.idpf.org/2007/ops" xml:lang="ja">
 <head>
   <meta charset="UTF-8" />
-  <link rel="stylesheet" type="text/css" href="colophon.css" />
+  <link rel="stylesheet" type="text/css" href="style.css" />
   <meta name="generator" content="Re:VIEW" />
   <title>表紙</title>
 </head>
 <body>
-  <img src="images/cover.png" class="single-html"/>
+  <section class="cover">
+    <img src="images/title.png" />
+  </section>
 </body>
 </html>
diff --git a/sass/common/_contents.scss b/sass/common/_contents.scss
@@ -44,13 +44,19 @@ p > img, div > img {
 
 /* 奥付 */
 .colophon {
-  font-size: 7pt;
-  // 3行空け
-  margin-block-start: $base-line-height * 3;
-
-  p {
-    text-indent: 0;
-    hanging-punctuation: none;
+  // font-size: 7pt;
+  // // 3行空け
+  // margin-block-start: $base-line-height * 3;
+
+  // p {
+  //   text-indent: 0;
+  //   hanging-punctuation: none;
+  // }
+  img {
+    display: block;
+    margin: 0;
+    max-width: 100%;
+    height: auto;
   }
 }
 
@@ -86,10 +92,12 @@ p > img, div > img {
 }
 
 /* 表紙 */
-.cover {
-  h1 {
-    line-height: 17.75em;
-    margin-block-start: 1.75em;
+.cover, .title, .backcover {
+  img {
+    display: block;
+    margin: 0;
+    max-width: 100%;
+    height: auto;
   }
 }
 
@@ -118,12 +126,6 @@ img.max {
   height: 100vh;
 }
 
-img.single-html {
-  margin: 0;
-  max-width: 100%;
-  max-height: 100%;
-}
-
 pre {
   box-decoration-break: clone;
 }

diff --git a/sass/common/_format.scss b/sass/common/_format.scss
@@ -13,11 +13,6 @@ html {
   padding: 0;
 }
 
-/* タイトル文字列セット */
-.title {
-  string-set: title content();
-}
-
 @page {
   size: $paper-width $paper-height;
   // 行送り * 行数
@@ -82,40 +77,51 @@ html {
   }
 }
 
-@page :first {
-  size: $paper-width $paper-height;
-  // 行送り * 行数
-  width: $paper-width;
-  // フォントサイズ * 文字数
-  height: $paper-height;
-  margin: 0;
-  padding: 0;
-  marks: $marks;
+/* 表紙ページ */
+.cover {
+  page: cover;
 }
 
-@page :last {
-  size: $paper-width $paper-height;
-  // 行送り * 行数
-  width: $paper-width;
-  // フォントサイズ * 文字数
-  height: $paper-height;
+@page cover {
   margin: 0;
   padding: 0;
-  marks: $marks;
+  @top-left {
+    content: none;
+  }
+  @top-right {
+    content: none;
+  }
+
+  @right-middle {
+    content: none;
+  }
+
+  @left-middle {
+    content: none;
+  }
 }
 
-/* 表紙ページ */
-.cover {
-  page: cover;
+.title {
+  page: title;
 }
 
-@page cover {
+@page title {
+  margin: 0;
+  padding: 0;
   @top-left {
     content: none;
   }
   @top-right {
     content: none;
   }
+
+  @right-middle {
+    content: none;
+  }
+
+  @left-middle {
+    content: none;
+  }
 }
 
 /* 目次ページ */
@@ -132,6 +138,52 @@ html {
   }
 }
 
+.colophon {
+  page: colophon;
+}
+
+@page colophon {
+  margin: 0;
+  padding: 0;
+  @top-left {
+    content: none;
+  }
+  @top-right {
+    content: none;
+  }
+
+  @right-middle {
+    content: none;
+  }
+
+  @left-middle {
+    content: none;
+  }
+}
+
+.backcover {
+  page: backcover;
+}
+
+@page backcover {
+  margin: 0;
+  padding: 0;
+  @top-left {
+    content: none;
+  }
+  @top-right {
+    content: none;
+  }
+
+  @right-middle {
+    content: none;
+  }
+
+  @left-middle {
+    content: none;
+  }
+}
+
 @media print {
   .cover {
     content: none;

diff --git a/title.xhtml b/title.xhtml
@@ -8,6 +8,8 @@
   <title>扉</title>
 </head>
 <body>
-  <img src="images/title.png" class="single-html"/>
+  <section class="title">
+    <img src="images/title.png" />
+  </section>
 </body>
 </html>