Skip to content

How to use with @apply default option #3

@flyingL123

Description

@flyingL123

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions