fix(theworld): editor layout styles

PRX · Feb 1, 2024 · a32bddb · a32bddb
1 parent 3ac1d2c
commit a32bddb
Showing 1 changed file with 25 additions and 8 deletions.
diff --git a/wp-content/themes/the-world/css/editor.css b/wp-content/themes/the-world/css/editor.css
@@ -19,7 +19,7 @@ body {
   margin-block-start: 1.75rem !important;
 }
 .wp-block-post-content > * + *:not(.alignleft, .alignright) {
-  margin-block-end: 0;
+  margin-block-end: 0 !important;
 }
 
 .block-editor-block-list__layout.is-root-container
@@ -35,13 +35,8 @@ body {
 }
 .block-editor-block-list__layout.is-root-container
   > .wp-block:is(.alignleft, .alignright) {
-  width: 44%;
-}
-.block-editor-block-list__layout.is-root-container > .wp-block:is(.alignleft) {
-  margin-inline-start: calc(var(--_editor--content--gutter) * -1);
-}
-.block-editor-block-list__layout.is-root-container > .wp-block:is(.alignright) {
-  margin-inline-end: calc(var(--_editor--content--gutter) * -1);
+  float: none;
+  margin-inline: 0 !important;
 }
 .block-editor-block-list__layout.is-root-container
   > .wp-block:is(.aligncenter) {
@@ -70,6 +65,11 @@ body {
   border-color: var(--_editor--color--muted);
   text-wrap: balance;
 }
+.block-editor-block-list__layout.is-root-container
+  > :where(.wp-block-pullquote):where(.alignleft, .alignright) {
+  max-width: none;
+  padding-block: 1.5rem;
+}
 .block-editor-block-list__layout.is-root-container
   > :where(.wp-block-pullquote)
   > blockquote {
@@ -117,4 +117,21 @@ body {
   .wp-block-post-content {
     --_editor--content--width: 960px;
   }
+
+  .block-editor-block-list__layout.is-root-container
+    > .wp-block:is(.alignleft, .alignright) {
+    width: 44%;
+    margin-block-end: 2rem !important;
+    margin-inline: 2rem !important;
+  }
+  .block-editor-block-list__layout.is-root-container
+    > .wp-block:is(.alignleft) {
+    float: left;
+    margin-inline-start: calc(var(--_editor--content--gutter) * -1) !important;
+  }
+  .block-editor-block-list__layout.is-root-container
+    > .wp-block:is(.alignright) {
+    float: right;
+    margin-inline-end: calc(var(--_editor--content--gutter) * -1) !important;
+  }
 }