Disallow fullscreen

[douglas-johnson]

Background

When we did the layout refactor to use primarily WordPress core layout in both the editor and theme code, it changed the way alignfull works for us.

There are still some instance where we want to the legacy alignfull style, meaning a width of wide-size + ( global-padding * 2 ) so that it reaches the edge on smaller screen but has an upper limit.

In the child themes we have constrained some specific blocks like images and videos to enforce this upper limit, but we've written the CSS selector as :not(.allow-fullscreen) so that adding the class allow-fullscreen releases the constrained.

We have the opposite problem on some child themes where blocks like groups should normally not be constrained, but depending on the content we might want to declare a maximum size.

You can do that with the existing layout tools, but it requires some extra wrapping elements that are otherwise useless and you can't use calc() or a theme custom property like content-size.

Details

• Can we use a custom class that constrains the width of an element that is already alignfull like .alignfull.disallow-fullscreen?