{"id":16138942,"date":"2022-10-27T10:36:34","date_gmt":"2022-10-27T10:36:34","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/tailwind-loading-problem\/"},"modified":"2022-10-27T10:37:02","modified_gmt":"2022-10-27T10:37:02","slug":"tailwind-loading-problem","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/tailwind-loading-problem\/","title":{"rendered":"Tailwind loading problem"},"content":{"rendered":"<p>Hi, I am using the Sage 10 starter theme with Tailwind, and when a Lottiefiles Gutenberg block is loaded into the editor, it messes up the CSS :<\/p>\n<p>https:\/\/ibb.co\/DMxDVdR<\/p>\n<p>As you can see in the screenshot, it adds a black border around images and also in the WordPress menu.<br \/>\nI had a look in the source, and it seems your plugin is adding a &lt;style&gt; tag containing some default Tailwind css which is causing the problem. Is there a way for you to add this completely prefixed with lf- like you do for the rest of your styles in order to avoid this types of conflicts ?<\/p>\n<p>Cheers<\/p>\n","protected":false},"template":"","class_list":["post-16138942","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16138942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16138942\/revisions"}],"predecessor-version":[{"id":16138944,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16138942\/revisions\/16138944"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=16138942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}