fix scss.

huidetang · Oct 29, 2024 · 92a3f88 · 92a3f88
1 parent fc709d4
commit 92a3f88
Show file tree

Hide file tree

Showing 6 changed files with 117 additions and 29 deletions.
diff --git a/sass/common/_contents-common.scss b/sass/common/_contents-common.scss
@@ -42,38 +42,25 @@ p > img, div > img, section > img {
 }
 
 /* コードブロック */
-div.caption-code, div.cmd-code {
+pre {
   writing-mode: horizontal-tb;
   -webkit-writing-mode: horizontal-tb;
   -epub-writing-mode: horizontal-tb;
-  display: flex;
-  flex-flow: column-reverse wrap;
-  margin: 1rem;
-
-  pre {
-    font-size: 6.5px;
-    max-width: $content-width;
-    box-decoration-break: clone;
-    break-before: always;
-    break-after: always;
+  font-size: 6.5px;
+  width: $content-width * 0.9;
+  margin: 0 auto;
+  padding: 1rem;
+  box-decoration-break: clone;
+
+  code {
+    border: 1px #aaa solid;
+    border-radius: 4px;
     overflow-wrap: anywhere;
     font-family: "Cica";
-    writing-mode: horizontal-tb;
-    -webkit-writing-mode: horizontal-tb;
-    -epub-writing-mode: horizontal-tb;
-  }
-  p.caption {
-    text-align: center;
-    font-size: 7pt;
-    line-height: 14pt;
-    margin-bottom: 4pt;
-    writing-mode: horizontal-tb;
-    -webkit-writing-mode: horizontal-tb;
-    -epub-writing-mode: horizontal-tb;
+    max-width: 100%;
   }
 }
 
-
 /* 囲い記事 */
 div.note, div.memo, div.tip, div.info, div.warning, div.important, div.caution, div.notice {
   border: solid 0.1mm #8394a5;
@@ -108,18 +95,19 @@ ol.cite-items {
 
 /* 定義リスト */
 dl {
-  display: flex;
-  flex-wrap: wrap;
-
+  width: 100%;
   dt {
+    width: 18%;
     font-weight: 700;
+    float: left;
     &::after {
       content: ": ";
     }
   }
 
   dd {
-    width: 100%;
+    margin-left: 20%;
+    width: 80%;
   }
 }
 

diff --git a/sass/common/pages/_colophon.scss b/sass/common/pages/_colophon.scss
@@ -126,4 +126,28 @@
   @top-right {
     content: none;
   }
+
+  @right-middle {
+    /* 隠しノンブル */
+    font-size: 4pt;
+    margin-right: -19mm !important;
+    padding: 2px;
+    white-space: pre;
+    -webkit-writing-mode: horizontal-tb;
+    -epub-writing-mode:   horizontal-tb;
+    writing-mode: horizontal-tb;
+    content: counter(page);
+}
+
+@left-middle {
+    /* 隠しノンブル */
+    font-size: 4pt;
+    margin-left: -19mm !important;
+    padding: 2px;
+    white-space: pre;
+    -webkit-writing-mode: horizontal-tb;
+    -epub-writing-mode:   horizontal-tb;
+    writing-mode: horizontal-tb;
+    content: counter(page);
+}
 }
diff --git a/sass/common/pages/_title.scss b/sass/common/pages/_title.scss
@@ -26,4 +26,28 @@
     @top-right {
         content: none;
     }
+
+    @right-middle {
+        /* 隠しノンブル */
+        font-size: 4pt;
+        margin-right: -19mm !important;
+        padding: 2px;
+        white-space: pre;
+        -webkit-writing-mode: horizontal-tb;
+        -epub-writing-mode:   horizontal-tb;
+        writing-mode: horizontal-tb;
+        content: counter(page);
+    }
+
+    @left-middle {
+        /* 隠しノンブル */
+        font-size: 4pt;
+        margin-left: -19mm !important;
+        padding: 2px;
+        white-space: pre;
+        -webkit-writing-mode: horizontal-tb;
+        -epub-writing-mode:   horizontal-tb;
+        writing-mode: horizontal-tb;
+        content: counter(page);
+    }
 }
diff --git a/sass/tate/_contents.scss b/sass/tate/_contents.scss
@@ -18,6 +18,8 @@ div.image {
     display: block;
     width: 100%;
     box-sizing: border-box;
+    max-width: $content-width;
+    max-height: $content-height;
   }
 
   & > p.caption {

diff --git a/sass/tate/pages/_page.scss b/sass/tate/pages/_page.scss
@@ -88,7 +88,31 @@
     @top-right {
         content: none;
     }
-
+
+    @right-middle {
+        /* 隠しノンブル */
+        font-size: 4pt;
+        margin-right: -19mm !important;
+        padding: 2px;
+        white-space: pre;
+        -webkit-writing-mode: horizontal-tb;
+        -epub-writing-mode:   horizontal-tb;
+        writing-mode: horizontal-tb;
+        content: counter(page);
+    }
+
+    @left-middle {
+        /* 隠しノンブル */
+        font-size: 4pt;
+        margin-left: -19mm !important;
+        padding: 2px;
+        white-space: pre;
+        -webkit-writing-mode: horizontal-tb;
+        -epub-writing-mode:   horizontal-tb;
+        writing-mode: horizontal-tb;
+        content: counter(page);
+    }
+
     img {
         max-inline-size: 100%;
         max-block-size: 100vb;
@@ -104,4 +128,28 @@
     @top-right {
         content: none;
     }
+
+    @right-middle {
+        /* 隠しノンブル */
+        font-size: 4pt;
+        margin-right: -19mm !important;
+        padding: 2px;
+        white-space: pre;
+        -webkit-writing-mode: horizontal-tb;
+        -epub-writing-mode:   horizontal-tb;
+        writing-mode: horizontal-tb;
+        content: counter(page);
+    }
+
+    @left-middle {
+        /* 隠しノンブル */
+        font-size: 4pt;
+        margin-left: -19mm !important;
+        padding: 2px;
+        white-space: pre;
+        -webkit-writing-mode: horizontal-tb;
+        -epub-writing-mode:   horizontal-tb;
+        writing-mode: horizontal-tb;
+        content: counter(page);
+    }
 }
diff --git a/sass/yoko/_contents.scss b/sass/yoko/_contents.scss
@@ -16,6 +16,8 @@ div.image {
     display: block;
     width: 100%;
     box-sizing: border-box;
+    max-width: $content-width;
+    max-height: $content-height;
   }
 
   & > p.caption {