Skip to content

@apply issue #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
zidandff opened this issue May 26, 2021 · 3 comments
Closed

@apply issue #16

zidandff opened this issue May 26, 2021 · 3 comments
Labels
bug Something isn't working

Comments

@zidandff
Copy link

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
Copy link
Contributor

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

@simonswiss simonswiss added the bug Something isn't working label May 27, 2021
@zidandff
Copy link
Author

Thanks @simonswiss it really help

@bigskillet
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants