tailwindlabs/tailwindcss-aspect-ratio

@apply issue

zidandff opened this issue · 3 comments

zidandff commented

What version of @tailwindcss/aspect-ratio are you using?

v0.2.1

What version of Node.js are you using?

v12.18.3

What browser are you using?

Edge

What operating system are you using?

Windows 10

Reproduction repository

https://github.com/zidandff/tailwind-aspectratio

Describe your issue

If I wrote the class of tailwindcss-aspect-ratio in element attribute is working normally
`


`

however when I want create a component using @apply it doesn't work
.card { @apply aspect-w-9 aspect-h-16; }

but when use aspect-w-1 aspect-h-1 it's working normally again
.card { @apply aspect-w-1 aspect-h-1; }

simonswiss commented

Hey!

Thanks for taking the time to create this repro 👍

I can confirm the issue, and looks like there is an open PR for it:

#9

  • 👍2
zidandff commented

Thanks @simonswiss it really help

bigskillet commented

This is still isn't working for me with Version 0.3.0, Tailwind 2.2.19. @apply aspect-w-1 aspect-h-1 works, but other numbers like @apply aspect-w-16 aspect-h-9 are not.