Adjust bottom margin for loose markdown lists

Changelog: fixed

Adjust bottom margin for loose markdown lists
Changelog: fixed
c197e14d · Brett Walker · d16bec0b · c197e14d
Commit c197e14d authored Dec 22, 2021 by Brett Walker
Hide whitespace changes
Inline Side-by-side

Showing with 7 additions and 0 deletions

app/assets/stylesheets/framework/typography.scss app/assets/stylesheets/framework/typography.scss +7 -0

No files found.
--- a/app/assets/stylesheets/framework/typography.scss
+++ b/app/assets/stylesheets/framework/typography.scss
@@ -365,10 +365,17 @@
    padding: 0;
    margin: 0 0 16px;

+    // Lists embedded in other lists can be "loose" or "tight"
+    // Remove bottom margin for all lists (default for tight lists)
    ul,
    ol {
      margin-bottom: 0;
    }
+
+    // Loose lists need bottom margin added back
+    p ~ ol,
+    p ~ ul {
+      margin-bottom: 16px;
    }
  }

  ul:dir(rtl),