ACSS 2.8.0 Section padding missing

Reported by Dave Foy.

[RESOLVED] Issue with sections with no paddings

ACSS 2.8.0 introduced a new CSS rule that removes padding from a section nested in another section. This caused an issue when the user used the Post Content element to render WordPress content while wrapping the Post Content element with a section. This will remove all the padding within all the otherwise top-level sections.

:where(section:not(section section)) {
    padding-block: var(--section-space-m);
    padding-inline: var(--section-padding-x);
}

Since GutenBricks 1.0.0-rc2.6 we've decided to add the following CSS for ACSS > 2.8.0 to solve this issue:

/* GutenBricks ACSS nested section patch */
:where(.brxe-post-content section:not(.brxe-post-content section section)) {
  padding-block: var(--section-space-m);
  padding-inline: var(--section-padding-x);
}

A special thanks to Dave Foy and Chad Botha for spotting and debugging this bug.

Last updated