This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2021-07-19
Channels
- # announcements (1)
- # babashka (26)
- # beginners (42)
- # calva (3)
- # cider (5)
- # cljs-dev (7)
- # cljsjs (1)
- # cljsrn (13)
- # clojure (95)
- # clojure-europe (12)
- # clojure-germany (3)
- # clojure-italy (12)
- # clojure-nl (1)
- # clojure-spec (16)
- # clojure-uk (25)
- # clojurescript (13)
- # clojureverse-ops (5)
- # community-development (1)
- # conjure (8)
- # cryogen (3)
- # datomic (5)
- # deps-new (7)
- # exercism (1)
- # fulcro (34)
- # honeysql (9)
- # hyperfiddle (3)
- # instaparse (2)
- # introduce-yourself (2)
- # jobs (6)
- # kaocha (1)
- # lambdaisland (1)
- # lsp (47)
- # malli (3)
- # membrane (38)
- # off-topic (9)
- # polylith (36)
- # reitit (7)
- # releases (1)
- # remote-jobs (2)
- # shadow-cljs (11)
- # spacemacs (7)
- # sql (7)
- # tools-deps (19)
Since when does the above "just" work? It seems to work with the newest CLJS but not with an older one.
Can someone ELI5 how to use Tailwind CSS (the newest version) with ClojureScript and Reagent? I found some outdated GitHub repos and am wondering if there’s a simpler way.
You can use it just as you would with JavaScript, adding the tailwind classes to elements in your UI. [:div {:class [“w-6” “mt-2”]}]
For purging/JIT you need to specify that it should look at cljs files to find the used classes.
Is there an example GitHub repo of this? I’m not sure if I’m able to set up the purging/JIT. Also need to customize the classes for different font stylings etc.
There may be some examples specific to ClojureScript out there, but the Tailwind documentation is great and it applies the same to using it with ClojureScript
I have found https://github.com/fnumatic/reframe-starter and https://github.com/teknql/shadow-cljs-tailwind-jit. However, I still couldn’t get dynamic classes to compile (e.g. “h-[720px]“).
I haven’t used the new JIT features yet, sorry. But I would start by following the Tailwind documentation and installing Tailwind with npm, following the standard configuration guide