Bricks Version: 1.3.7 beta
Browser: Edge 97
I’m using the Bricks Child and have enqueued a stylesheet that only has the Tailwind CSS 3.0 directives included. No other custom styles to keep testing simple.
@tailwind base; @tailwind components; @tailwind utilities;
The white outlines to the inputs in the attached screenshot are caused by the the inclusion of the Tailwind Form add-on.
There are several noticeable visual interference when using a child stylesheet. The dynamic data lighting bolt is moved out of place. The version number on the loading screen is not positioned.
I wrapped all the styles inside of
.bricks-is-frontend and that solves not having the styles interfere with the editor UI. However then none of the custom styles would be visible inside of the editor for the web pages themselves.
I am sure any non-prefixed custom styles or framework CSS would cause interference.
It appears the action
wp_enqueue_scripts is loading the enqueued styles for both the editor UI and the editor preview Iframe. Probably need some way that the normal wp_enqueue_scripts doesn’t load directly into the editor UI.