css

For all your CSS related content...
nicola 2021-02-12T05:09:55.001800Z

hi all

1
2021-02-12T05:16:39.007Z

Recently we have been very active at taking ideas from Tailwind and porting them in Clojure via some custom libraries. Those are the libraries I am aware of: • https://github.com/HealthSamurai/macrocsshttps://github.com/wilkerlucio/tailwind-gardenhttps://github.com/green-coder/girouettehttps://github.com/mrmcc3/tailwind-cljhttps://github.com/mikepjb/sail That’s a pretty good news, as it means that we have • a need for this “utility first” css approach • a lot of like minded developers sharing a purpose • a lot of choice when wanting to use the Tailwind classes

nicola 2021-02-12T05:18:19.008900Z

sounds promising ;)

2021-02-12T05:23:33.013300Z

The idea that I had was to coordinate our plans for the future, so that we can collectively improve each of those libraries by discussing design ideas, or eventually to work together on shared projects which could be either extending existing libraries or creating a new one if necessary. I personally love diversity and love to have designs in disagreement with each other as it nurture choice for the end user. That being said, there are also things on which people will agree, and this common discussion is for enabling this later part.

nicola 2021-02-12T05:24:21.013800Z

let's discuss details!

nicola 2021-02-12T05:25:43.016900Z

if we agree on key decisions - probably it would be better to have one library

nicola 2021-02-12T05:27:51.020600Z

we wrote macrocss, because it was missed

👍 1
nicola 2021-02-12T05:28:24.021900Z

absolutely no ambitious to drive this project :)

2021-02-12T05:29:14.022800Z

I suggest that we compile information about each of the libraries in a small description so we can all know in the same way how they all work without having each of us digging in the source code of each of them. After this is done, we may schedule an online meeting to casually discuss about what to do next. We may follow up with a slow and async way to communicate, for instance via a Clojuverse forum.

2021-02-12T05:30:22.022900Z

This kind of information will also be valuable in the project’s “information card” in preparation of our online meeting.

2021-02-12T05:32:24.024600Z

I might not have time to prepare things this week, but that’s the main lines of what I have in mind.

2021-02-12T05:33:07.026300Z

Any feedback is welcome, please join the organization of our meeting actively if you want.

2021-02-12T05:34:55.027500Z

cc @wilkerlucio @plexus @anantpaatra

2021-02-12T05:37:48.031100Z

It would be also useful to discuss what could be done to improve how the Tailwind-like libraries can be composed with non-Tailwind-like libraries. I am think for example about using together Ornement and the garden-generating libraries.

2021-02-12T05:38:27.031600Z

[I am offline for the day]

nicola 2021-02-12T05:46:25.040500Z

https://github.com/HealthSamurai/macrocss - provides macro (c ....), which generates a class name and integrated with shadow and figwheel. We decided to use data for rules - w-10 => [:w 10]. Each rule is multimethod producing garden. There is rule to pass raw garden: (c [:w 10] {:box-shadow "...}). Instead of hover/focus prefixes you can compose rules like [:hover [:bg ...] [:text ...]]

nicola 2021-02-12T05:46:42.040700Z

👍 1
nicola 2021-02-12T05:51:08.045400Z

We decided not to hook into sablono or hiccup - little bit more to write - but no deps from templating

nicola 2021-02-12T05:53:56.047900Z

there is no dep from tailwind - user is free to create its own rules

nicola 2021-02-12T05:55:23.049400Z

There was idea to use symbols instead of keywords in rules for autocomplete in ide

nicola 2021-02-12T05:56:51.051600Z

class names may be based on file/line (good for dev env) or hash from resulting garden (auto-minimization and dedup)

nicola 2021-02-12T06:43:25.052200Z

@olimsaidov ping