tailwindcss-container-queries icon indicating copy to clipboard operation
tailwindcss-container-queries copied to clipboard

Added support for raw queries and container-type: size

Open akbar-idwise opened this issue 2 years ago • 3 comments

akbar-idwise avatar Jun 09 '23 12:06 akbar-idwise

Would love to see this implemented!

I thought using an arbitrary value on the container utility class (@container-[size]) would work but for some reason, it doesn't add the CSS class. The TailwindCSS Intellisense plugin shows the correct CSS property though. Screenshot 2023-07-04 at 19 56 04

CedericPrivat avatar Jul 04 '23 17:07 CedericPrivat

The arbitrary value not working is a bug I confirm. They have the code for it and the test code suggests this case is covered as well, although their test result expectation is missing the class, and the test is giving a false pass.

A feasible workaround for now is using arbitrary CSS:

<div class="[container-type:size]"></div>

I agree, btw, that it'd make much more sense to support all the types without the square brackets.

sarimarton avatar Nov 30 '23 20:11 sarimarton

@container-[size] seems to work now.

CodeZeno avatar May 09 '24 04:05 CodeZeno