Container queries don't work

This issue has been tracked since 2023-01-18.

It seems the newly added container queries that have been released with Tailwind 3.2 haven't yet made it to @nuxtjs/tailwindcss.

Version

@nuxtjs/tailwindcss: 6.2.0
nuxt: 3.0.0

Steps to reproduce

  1. yarn add @tailwindcss/container-queries
  2. Add to tailwind.config.js under plugins

What is Expected?

Container queries by declaring a @container on a parent element and using it like: @xl:bg-red-500 should render the background of the child element red.

What is actually happening?

Nothing. The container itself works, but applying the @... utilities doesn't do anything.

NvdB31 wrote this answer on 2023-01-28

This happened due to my misunderstanding of container queries. It works fine. Closing this now.

More Details About Repo
Owner Name nuxt-modules
Repo Name tailwindcss
Full Name nuxt-modules/tailwindcss
Language TypeScript
Created Date 2019-04-04
Updated Date 2023-03-29
Star Count 1285
Watcher Count 12
Fork Count 157
Issue Count 57

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date