Enhance styles for blockquote and lists added via wysiwyg, T-17639

digitoimistodude · Jan 24, 2025 · 02f7e19 · 02f7e19
1 parent c48379b
commit 02f7e19
Show file tree

Hide file tree

Showing 6 changed files with 83 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 * Add debug function to print all available blocks
 * Fix page including all allowed blocks by default (default: none)
 * Fix cssnano stripping out font-family declarations
+* Enhance styles for blockquote and lists added via wysiwyg, T-17639
 
 ### 9.4.7: 2024-12-04
 

diff --git a/css/dev/global.css b/css/dev/global.css
diff --git a/css/dev/gutenberg-editor-styles.css b/css/dev/gutenberg-editor-styles.css
diff --git a/css/prod/global.css b/css/prod/global.css
diff --git a/css/prod/gutenberg-editor-styles.css b/css/prod/gutenberg-editor-styles.css
diff --git a/sass/layout/_typography.scss b/sass/layout/_typography.scss
@@ -96,3 +96,33 @@ p {
 p:last-child {
   margin-bottom: 0;
 }
+
+// Enhance styles for blockquote and lists added via wysiwyg
+.wysiwyg li {
+  margin-bottom: .6rem;
+  margin-top: .6rem;
+}
+
+.wysiwyg li:first-child {
+  margin-top: 0;
+}
+
+.wysiwyg li:last-child {
+  margin-bottom: 0;
+}
+
+blockquote.wysiwyg {
+  border-left: 2px solid var(--color-main);
+  margin: 2.9rem 1rem;
+  padding: .5rem 0 .5rem 1.5rem;
+}
+
+blockquote.wysiwyg > *:first-child {
+  margin-top: 0;
+}
+
+blockquote.wysiwyg > *:last-child {
+  margin-bottom: 0;
+}
+
+