Was trying to create a simple DNN 10 Theme using Tailwind CLI. Nothing fancy on input.css, just
@import "tailwindcss";
npx @tailwindcss/cli -i ./css/input.css -o ./css/output.css --watch
And play with UI. But somehow all padding, margin, border, font got overwrite by _reset.scss (default.css) Causing the UI that's suppose to be working, got mess up. The DnnCssInclude priority was set to 110 but still got ovewrite by _reset.scss
I can remove the default.css with 40Fingers Stylehelper, but this will causing Edit Content & Module Settings UI got mess up
Wonder if there's a better solution.
I'm no sure this has anything to do with the order as that should already be correct.. (default.css first skin.css after that) I don't use Tailwind, but can't it deal with these resets? That seems weird to me..?
Hmm, I just tested injecting the reset.css into an online Tailwind editor and it did not seem to influence the layout. Would you mind giving me a copy of the theme so I can test locally? Because if that reset is influencing Themes, that's not good.
Posted By Erwin on 6/28/2025 10:39 PM I think the problem is not DNN but Tailwind 4. I try downgrade it to Tailwind 3.5 and seems working fine.
Ah ok. Thank you for letting us know :-)
Posted By Erwin on 6/28/2025 1:39 PM I think the problem is not DNN but Tailwind 4. I try downgrade it to Tailwind 3.5 and seems working fine.
Yeah... this is why I was never a fan of this direction of DNN 10. These new and untested dependencies are keeping us from really being able to support DNN 10 right now.
Erwin, very nice work proposing the fix!!
Dnn.Platform - Issue #6686
These Forums are for the discussion of the open source CMS DNN platform and ecosystem.
For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:
Awesome! Simply post in the forums using the link below and we'll get you started.