As you can see I import the svelte-tailwind.css. I am sure the path is right. But inside of my block grid element, I cant see the styling being shown in the elements. I can see the tw css variables in devtools, so I can see the css is being loaded, but the classes isn't hit by the selector. I have tried without the #umbracoBlockGrid as well.
Ah I didn’t think of that. It worked. But why doesn’t the other thing work? I can see the CSS variables being loaded into my dom root, so the css is being loaded but the classes doesnt work?!
CSS is not being loaded with package.manifest
Hi
I have this package.manifest for a plugin playing around with the new GridBlocks.
My package.manifest looks like this
```
As you can see I import the svelte-tailwind.css. I am sure the path is right. But inside of my block grid element, I cant see the styling being shown in the elements. I can see the tw css variables in devtools, so I can see the css is being loaded, but the classes isn't hit by the selector. I have tried without the #umbracoBlockGrid as well.
See screenshots here.
Hi Peter,
Have you added a ref to the css on the block itself?
Hi Huw
Ah I didn’t think of that. It worked. But why doesn’t the other thing work? I can see the CSS variables being loaded into my dom root, so the css is being loaded but the classes doesnt work?!
I'm afraid I can't answer that bit :D but you probably don't need the css in the package manifest at all.
No maybe not. It feels like it its scoped in some way. Just cant figure out how. But thanks. You got me in the right direction :)
is working on a reply...