Skip to content

The drawer variants doesn't seem to handle prefix in the classname #4197

@bc-stoney

Description

@bc-stoney

addVariant("is-drawer-close", "&:where(.drawer-toggle:not(:checked) ~ .drawer-side, .drawer-toggle:not(:checked) ~ .drawer-side *)");

In my case, I have "tw:" as tailwind prefix and these drawer variants doesn't work unless I define custom-variants like below:

@custom-variant is-drawer-close (&:where(.tw\:drawer-toggle:not(:checked) ~ .tw\:drawer-side, .tw\:drawer-toggle:not(:checked) ~ .tw\:drawer-side *));
@custom-variant is-drawer-open (&:where(.tw\:drawer-toggle:checked ~ .tw\:drawer-side, .tw\:drawer-toggle:checked ~ .tw\:drawer-side *));

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions