Merge pull request #8036 from fjordllc/text-margin

Markdown内のmarginの設定を修正
fjordllc · Aug 27, 2024 · 72d51ac · 72d51ac
2 parents 5a6e39e + 0461cfc
commit 72d51ac
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/app/javascript/stylesheets/config/mixins/_long-text-style.sass b/app/javascript/stylesheets/config/mixins/_long-text-style.sass
@@ -78,18 +78,21 @@
     +text-block(1.125em 1.6, 600)
     margin-bottom: .625em
   h6
-    +text-block(1em 1.6 0 .625em, 600)
+    +text-block(1em 1.6, 600)
+    margin-bottom: .625em
+  >img
+    margin-block: 1.5em
   p
     +text-block(1em 1.86)
-    margin-bottom: 1.5em
+    margin-block: 1.5em
   a
     +hover-link-reversal
     +default-link
     &:hover
       img
         border-color: mix($font, $background, 16%)
   dl
-    margin-bottom: 1.5em
+    margin-block: 1.5em
     border: 1px solid mix($font, $background, 20%)
     padding: 1em
     border-radius: .25rem
@@ -99,14 +102,14 @@
   dd
     +text-block(1em 1.6)
     &:not(:last-child)
-      margin-bottom: 1em
+      margin-block: 1em
   code
     font-family: var(--monospace)
     tab-size: 2
     hyphens: none
   pre
     padding: 0
-    margin-bottom: 1.5em
+    margin-block: 1.5em
     code
       border: none
       +text-block(.9375em 1.5)
@@ -127,7 +130,7 @@
     *:not(ol):not(ul):last-child
       margin-bottom: 0
     pre:not(ol):not(ul):last-child
-      margin-bottom: 1em
+      margin-block: 1em
     blockquote
       margin-left: calc(.75em + 1px)
     blockquote + ul
@@ -171,7 +174,7 @@
   ol
     list-style-position: outside
     margin-left: 1.75em
-    margin-bottom: 1.5em
+    margin-block: 1.5em
   li
     +text-block(1em 1.86)
     margin-block: .375em
@@ -192,7 +195,7 @@
 
   table
     width: 100%
-    margin-bottom: 2em
+    margin-block: 2em
 
   th,
   td