add rich-text mixin

osunyorg · Dec 12, 2022 · 2dbc141 · 2dbc141
1 parent 69ae7ea
commit 2dbc141
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/assets/sass/_theme/design-system/layout.sass b/assets/sass/_theme/design-system/layout.sass
@@ -28,7 +28,6 @@ body
     //     *
     //         transition-duration: 0s !important
 
-
 main
     &:not(.page-with-blocks)
         padding-bottom: $spacing-section-y

diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass
@@ -159,11 +159,17 @@ p
 small, .small
     @include small
 
+@mixin rich-text
+    h1, h2, h3, h4, h5, h6, p
+        margin-top: 2em
+    &:first-child, meta + &
+        margin-top: 0
+
+.rich-text
+    @include rich-text
+
 [itemprop="articleBody"]
-    h1, h2, h3, h4, h5, h6
-        margin-block-start: 2em
-        &:first-child, meta + &
-            margin-block-start: 0
+    @include rich-text
 
 @mixin blockquote
     margin: 0

diff --git a/layouts/persons/single.html b/layouts/persons/single.html
@@ -35,7 +35,7 @@
             </div>
           {{ end }}
           {{ if (partial "GetTextFromHTML" .Content) }}
-            <div>
+            <div class="rich-text">
               {{ partial "PrepareHTML" .Content }}
             </div>
           {{ end }}
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,7 +28,6 @@ body @@
         //     *
         //         transition-duration: 0s !important
     main
         &:not(.page-with-blocks)
             padding-bottom: $spacing-section-y
@@ Expand Down @@