Convert CSS to Twind (twind.dev)

[JLarky]

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/ritz078/transform/6xosq1olb
✅ Preview: https://transform-git-fork-jlarky-convert-to-twind.ritz078.vercel.app

[JLarky]

• [ ] I want to apply something like https://github.com/postcss/postcss-color-rgba-fallback or find another way to preserve colors in css.
• [ ] I need to figure out what to do with tailwind settings (they work differently in twind)
• [ ] more tests
• [x] find if it makes sense to convert .test:hover {width: 100%} to hover:w-full or this has to be done in css-to-tailwind (ok, it looks like it already works like that)
• [x] support for css variants

.logo {
  display: flex;
  background: url("logo.svg");
}

@media (min-width: 640px) {
  .logo {
    display: block;
    background: url("logo2.svg");
  }
}

• [ ] support for @keyframes

[ritz078]

This looks great @JLarky . I will check again when the PR is complete.

[ritz078]

I believe the PR is incomplete and stale. Closing this. Feel free to open if required later.