Fork me on GitHub
#vscode
<
2022-04-11
>
FlavaDave21:04:21

has anyone gotten Tailwind CSS IntelliSense to work in a reagent project? I have been trying to figure what pair to put into "TailwindCSS.IncludeLanguages" but I cant seem to get anything to work

1
rayat01:04:18

If you: 1. Are not in a hurry to figure this out 2. Create a minimal repro project of your choosing I could take a look!

FlavaDave16:04:55

@U037TPXKBGS Thanks! I might not have time to make a repo today but ill holla at you in this thread when i do. Probably tomorrow. I’ll also check out those docs

❤️ 1
rayat00:04:17

Not tryna be annoying or anything. but poking out of curiosity to see where you're at on this, whether it's looking into the suggested resources, or finding a way or reason to come to terms with not getting intellisense at all

FlavaDave18:04:28

not annoying at all. I apologize as my personal life has kept me away from comp this week. Here is the repo you asked for. https://github.com/FlavaDave/minimal-tailwind Its pretty bare bones but you should be able to run shadow-cljs watch app and npm run ui to get started

1
FlavaDave18:04:01

havent read the docs you put up yet but i’m gonna sit down and try right now

❤️ 1
Luke Johnson02:07:04

Apologies for digging up an old thread, but I’m wondering if you’ve made progress on this? I found https://github.com/tailwindlabs/tailwindcss/issues/7553#issuecomment-984202139 which describes a partial solution and I can successfully get things partially working with these settings

"tailwindCSS.includeLanguages": {
    "clojure": "html"
  },
  "tailwindCSS.experimental.classRegex": [
    ":class\\s+\"([^\"]*)\""
  ]
This allows autocompletion and hover CSS translation when you use a map with class for your components. e.g. :class "text-xl bg-blue-500 h-3" I’m wondering if you’ve figured out how to get the hiccup syntax working so I could use :p.text-slate-500 instead?