bernhard Posted May 7 Share Posted May 7 *NOT 🤣 3 5 Link to comment Share on other sites More sharing options...
wbmnfktr Posted May 7 Share 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? Â Link to comment Share on other sites More sharing options...
markus-th Posted May 7 Share Posted May 7 Gemini (Basic 2.0 Flash) - not so bad. 2 Link to comment Share on other sites More sharing options...
thausmann Posted May 8 Share 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. Link to comment Share on other sites More sharing options...
wbmnfktr Posted May 9 Share 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 Link to comment Share on other sites More sharing options...
maximus Posted May 10 Share Posted May 10 So, haha. I’m look you using x-cloak crutch 🩼 also.. Link to comment Share on other sites More sharing options...
bernhard Posted May 10 Author Share Posted May 10 1 hour ago, maximus said: So, haha. I’m look you using x-cloak crutch 🩼 also.. What do you mean? Link to comment Share on other sites More sharing options...
wbmnfktr Posted May 10 Share 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 Link to comment Share on other sites More sharing options...
Recommended Posts