CSSチェック

huidetang · Jul 5, 2024 · 266d294 · 266d294
1 parent 96f5ced
commit 266d294
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 22 deletions.
diff --git a/backcover.xhtml b/backcover.xhtml
@@ -8,7 +8,7 @@
   <title>裏表紙</title>
 </head>
 <body>
-  <section class="backcover">
+  <section class="backcover" id="backcover" role="doc-backcover">
     <img src="images/backcover.png" />
   </section>
 </body>

diff --git a/colophon.xhtml b/colophon.xhtml
@@ -8,7 +8,7 @@
   <title>奥付</title>
 </head>
 <body>
-  <section class="colophon">
+  <section class="colophon" id="colophon" role="doc-colophon">
     <img src="images/colophon.png" />
   </section>
 </body>

diff --git a/cover.xhtml b/cover.xhtml
@@ -8,7 +8,7 @@
   <title>表紙</title>
 </head>
 <body>
-  <section class="cover">
+  <section class="cover" id="cover" role="doc-cover">
     <img src="images/title.png" />
   </section>
 </body>

diff --git a/images/backcover.pdf b/images/backcover.pdf
diff --git a/images/backcover.png b/images/backcover.png
diff --git a/sass/common/_contents.scss b/sass/common/_contents.scss
@@ -33,7 +33,7 @@ figcaption {
 figure > img[src$='.png'],
 figure > img[src$='.jpg'],
 figure > img[src$='.jpeg'] {
-  image-resolution: 300dpi;
+  image-resolution: 350dpi;
 }
 
 p > img, div > img {
@@ -43,22 +43,16 @@ p > img, div > img {
 }
 
 /* 奥付 */
-.colophon {
-  // 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;
-  }
-}
+// .colophon {
+//   // font-size: 7pt;
+//   // // 3行空け
+//   // margin-block-start: $base-line-height * 3;
+
+//   // p {
+//   //   text-indent: 0;
+//   //   hanging-punctuation: none;
+//   // }
+// }
 
 /* 改ページ */
 .page-break {
@@ -92,10 +86,12 @@ p > img, div > img {
 }
 
 /* 表紙 */
-.cover, .title, .backcover {
+.cover, .title, .colophon, .backcover {
   img {
+    image-resolution: 350dpi;
     display: block;
     margin: 0;
+    padding: 0;
     max-width: 100%;
     height: auto;
   }

diff --git a/title.xhtml b/title.xhtml
@@ -8,7 +8,7 @@
   <title>扉</title>
 </head>
 <body>
-  <section class="title">
+  <section class="title" id="title" role="doc-title">
     <img src="images/title.png" />
   </section>
 </body>