fix ordered list style

winc1980 · Dec 18, 2024 · 20e4cc5 · 20e4cc5
1 parent f3c22b8
commit 20e4cc5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/src/components/notion-blocks/Image.astro b/src/components/notion-blocks/Image.astro
@@ -35,20 +35,4 @@ if (block.Image.External) {
       </div>
     )
   }
-</figure>
-
-<style>
-  .image {
-    display: flex;
-    margin: 0.2rem auto 0;
-  }
-  .image > div {
-    margin: 0 auto;
-  }
-  .image > div > div {
-  }
-  .image > div > div img {
-    display: block;
-    max-width: 100%;
-  }
-</style>
+</figure>
diff --git a/src/scss/blog.scss b/src/scss/blog.scss
@@ -474,6 +474,22 @@ ul {
 
 /* --------------------------------- Heading2.astroここまで --------------------------------- */
 
+/* --------------------------------- Image.astroここから --------------------------------- */
+.image {
+  display: flex;
+  margin: .5rem auto;
+}
+.image > div {
+  margin: 0 auto;
+}
+.image > div > div {
+}
+.image > div > div img {
+  display: block;
+  max-width: 100%;
+}
+/* --------------------------------- Image.astroここまで --------------------------------- */
+
 /* --------------------------------- Paragraph.astroここから --------------------------------- */
 
 p {
@@ -998,6 +1014,10 @@ aside,
     list-style: initial;
     margin: 0 0 20px 20px;
   }
+  ol {
+    list-style: desc;
+    margin: 0 0 20px 20px;
+  }
   .post-featured-image {
     max-width: 790px;
     img {