Skip to content

Commit 6e4b987

Browse files
committed
fix (gutenberg): removes editor-only styles for ACF and BEAPI blocks
Removes specific styling rules applied only within the Gutenberg editor for ACF and BEAPI blocks. These styles were causing inconsistencies between the editor and the front-end display.
1 parent 8c84f07 commit 6e4b987

File tree

1 file changed

+0
-24
lines changed

1 file changed

+0
-24
lines changed

src/scss/06-blocks/_gutenberg.scss

Lines changed: 0 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -65,30 +65,6 @@
6565
margin-left: auto;
6666
}
6767

68-
@include editor-only {
69-
> .wp-block[class*="wp-block-acf"],
70-
> .wp-block[class*="wp-block-beapi-manual-block"],
71-
> .wp-block[class*="wp-block-beapi-dynamic-block"] {
72-
width: 100%;
73-
max-width: none;
74-
}
75-
76-
> .wp-block[class*="wp-block-acf"].is-selected {
77-
width: #{$container-wide};
78-
max-width: var(--responsive--alignwide-width);
79-
}
80-
81-
// The template block must have a ".block" class. Example : <div class="block block--my-custom-block">
82-
> :where(.wp-block[class*="wp-block-acf"]) :where(.block),
83-
> :where(.wp-block[class*="wp-block-beapi-manual-block"]) :where(.block),
84-
> :where(.wp-block[class*="wp-block-beapi-dynamic-block"]) :where(.block) {
85-
width: $container-default;
86-
max-width: var(--responsive--aligndefault-width);
87-
margin-right: auto;
88-
margin-left: auto;
89-
}
90-
}
91-
9268
#{context-selector(".alignwide", "[data-align='wide']")} {
9369
width: #{$container-wide};
9470
max-width: var(--responsive--alignwide-width);

0 commit comments

Comments
 (0)