You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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?
The text was updated successfully, but these errors were encountered:
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 ofwide-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 classallow-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 likecontent-size
.Details
.alignfull.disallow-fullscreen
?The text was updated successfully, but these errors were encountered: