Deno•3y ago

peer tailwind support in fresh

Is there support for tailwind

peer

peer

s as described here in fresh? https://tailwindcss.com/docs/hover-focus-and-other-states

I've uploaded a repo with code like so

<input name="foo" className="peer"></input>
        <div className="peer-focus:mt-6">Should get moved down on focus</div>

<input name="foo" className="peer"></input>
        <div className="peer-focus:mt-6">Should get moved down on focus</div>

And when I focus on the input the styles of the div do not change. I see that

peer

peer

support was added in v3 and only

group

group

is supported in v2. Is Fresh still on v2? https://v2.tailwindcss.com/docs/hover-focus-and-other-states#group-hover

Thanks in advance!

https://github.com/will-weiss/fresh-twind-peer-test

Handling Hover, Focus, and Other States - Tailwind CSS

Using utilities to style elements on hover, focus, and more.

GitHub

GitHub - will-weiss/fresh-twind-peer-test

Contribute to will-weiss/fresh-twind-peer-test development by creating an account on GitHub.

Hover, Focus, & Other States - Tailwind CSS

Using utilities to style elements on hover, focus, and more.

Deno AI Helper•11/27/23, 11:06 PM

The documentation does not provide explicit information about the version of Tailwind CSS that Fresh uses or its support for the

peer

peer

feature. However, it does mention that Fresh has an official plugin, which is a Tailwind-in-JS implementation. This plugin allows you to use Twind classes in your project, but it doesn't specify if it supports the

peer

peer

feature.

To debug this issue, you could try to update your configuration or check if the

peer

peer

feature is supported in the version of you are using. If you're still having trouble, it might be helpful to open an issue in the Fresh or Twind repositories for more specific guidance.

Helpful Links:
Components | Fresh
Fresh 1.1 - automatic JSX, plugins, DevTools, and more
Fresh 1.4 – Faster Page Loads, Layouts and More
Using Twind | Manual | Deno

marvinh.•11/28/23, 12:15 AM

@rabbit_rabbit The next version of Fresh ships with a native TailwindCSS plugin, which ships this or next week. Currently tailwind like support is done via twind whose tailwind support is a bit so-so and mostly stuck on tailwind v2. With the move to Tailwind CSS itself in the upcoming Fresh version all those problems are gone

rabbit_rabbitOP•11/28/23, 12:26 AM

Righteous! Yeah this isn’t a blocker, so I’ll stay tuned for the next release