Skip to content
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

How to use with @apply default option #3

Open
flyingL123 opened this issue Sep 25, 2019 · 0 comments
Open

How to use with @apply default option #3

flyingL123 opened this issue Sep 25, 2019 · 0 comments

Comments

@flyingL123
Copy link

flyingL123 commented Sep 25, 2019

If I want to use one of the default options for a transition property via the @apply method, how can I do this? For example:

.header-main-hide {
    @apply transition-delay-default;
}

Results in an error:

@apply cannot be used with .transition-delay-default because .transition-delay-default either cannot be found, or its actual definition includes a pseudo-selector like :hover, :active, etc. If you're sure that .transition-delay-default exists, make sure that any @import statements are being properly processed before Tailwind CSS sees your CSS, as @apply can only be used for classes in the same CSS tree.

If I use @apply transition-delay-long or @apply transition-delay-longer, it works fine, but it will not allow me to use default for some reason.

@flyingL123 flyingL123 changed the title How to use with @apply How to use with @apply default option Sep 25, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant