News for hackers. Stuff that matters.

A comment on Show HN: Tailwind Nested VSCode Extension.

Re:Show HN: Tailwind Nested VSCode Extension by ska-dev on Monday April 22, 2024 @06:28AM (#40112968)
> I was really annoyed by editing big amount of hover:, focus: and other styles because of the duplication

I share that sentiment. I even "invented" something called "selectors" [1] which is a UI to handle all the Tailwind variants.

I popped this monstrosity of a Tailwind class in and your extension worked wonderfully in creating a tree of it: [2]

How ever when I collapsed it back to a single line something went wrong and it increased the length of the classes by ~15x creating this: [3]

[1] https://sinukoduleheabi.ee/docs/ska-blocks/selectors/

[2] https://pastebin.com/raw/Nk3xBHfw

[3] https://pastebin.com/raw/bKLdTYjD (Edit: pastebin removed it for some reason)

[ Parent | on HN ]
Re:Show HN: Tailwind Nested VSCode Extension by rpeshkov on Monday April 22, 2024 @03:23PM (#40117800)
Wow, this is huge! :)

I tried it to see what's going on. There are 2 issues that I need to fix:

- Variables. It splits incorrectly

  [--variations-gap:
    theme(spacing[2])]
- Arbitrary variants are split incorrectly as well

  [&>h2:
    first-child]:
[ Parent | on HN ]