wbmnfktr Posted May 7 Posted May 7 It's shocking to ask just the basics. Try: Quote what's the latest version of these frameworks/libraries you know off? - nextjs - astrojs - processwire - tailwindcss and whats your name, version, and release date? what llm are you using - name, version, and release date? Â
thausmann Posted May 8 Posted May 8 True, took some extra effort to setup a Tailwind 4 project some weeks ago, in form of .cursorrules listing all the new features. Then it worked surprisingly well.
wbmnfktr Posted May 9 Posted May 9 For TailwindCSS v 4.x I asked Grok (or maybe even Cascade itself - not sure) to read the migration/upgrade guide and compress it down to the bare minimum. I put that file into my `docs` folder, added it to the context and let Cascade do its work. Besides those changes, TailwindCSS didn't change that much so most of it worked as before. I also added a new base tailwindcss.css file with the new config syntax and changes and when necessary I mention that there is no need to setup TailwindCSS again. Works pretty well. /*file: `/site/templates/src/tailwind.css` */ @import 'tailwindcss'; /* PLUGINS */ /* @plugin "@tailwindcss/typography"; */ /* @plugin "@tailwindcss/forms"; */ /* CUSTOM */ @theme { /* 480px */ --breakpoint-xs: 30rem; } /* SOURCE */ @source "../../templates/**/*.html"; @source "../../templates/**/*.html.twig"; @source "../../templates/**/*.js"; @source "../../templates/**/*.latte"; @source "../../templates/**/*.php"; @source "../../templates/**/*.twig"; /* SOURCE NOT */ @source not "../../../node_modules/**/*"; /* ALPINE JS */ [x-cloak] { display: none !important; } Â 1
bernhard Posted May 10 Author Posted May 10 1 hour ago, maximus said: So, haha. I’m look you using x-cloak crutch 🩼 also.. What do you mean?
wbmnfktr Posted May 10 Posted May 10 Not a crutch but the offical way to work with x-cloak. Quote For x-cloak to work however, you must add the following CSS to the page. [x-cloak] { display: none !important; } https://alpinejs.dev/directives/cloak
Recommended Posts