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

Feature request: stackable delay #43

Open
florian-lefebvre opened this issue Feb 26, 2021 · 2 comments
Open

Feature request: stackable delay #43

florian-lefebvre opened this issue Feb 26, 2021 · 2 comments
Labels
enhancement New feature or request

Comments

@florian-lefebvre
Copy link

It would be nice if there was a "delay-parent" xyz attribute or something like that, for the child to take that delay as a reference.
For example:

<div xyz="delay-15 delay-parent" class="xyz-nested"> <!-- = delay-15 -->
      <div xyz="delay-3" class="xyz-nested"></div> <!-- = delay-18 -->
</div>
@mattaningram mattaningram added the enhancement New feature or request label Feb 26, 2021
@milesingrams
Copy link
Member

That is a good idea and definitely something we plan to allow. Right now I'm working hard on making animxyz utilities generated in a postcss plugin so that only the ones you use show up in your stylesheet (think purgecss but generated instead of removed). Once we implement this capability we will be able to add a lot more utilities at no extra package size cost. This will certainly be one of the ones we add. Although how do you feel about the naming being xyz="delay-parent-15" instead of xyz="delay-parent delay-15"?

@florian-lefebvre
Copy link
Author

It sounds great for both postcss plugin and naming!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants