Canned CSS Animations

[TazorDE]

Describe the feature in detail (code, mocks, or screenshots encouraged)

As a developer using Skeleton, I want to easily apply predefined CSS animations from an external stylesheet (e.g., Animate.css) so that I can enhance the user experience with smooth and consistent animations without manually defining them.

Important Steps to figure out:

• can we contribute a tailwind plugin (style sheet) to the upstream source?
  • No need to maintain in Skeleton and can be an optional import even outside of Skeleton
• If not, keeping the external source and the skeleton style sheet for reexporting in sync.
  • Automated Script on build? Dependabot?

Implementation

• It would basically be a single file with a TailwindCSS @theme directive, that exports variables in the following format:

@theme {
  --animation-example-one: ...;
  --animation-example-two: ...;
  --animation-example-three: ...;
  /* ... *.
}

And points to the keyframes provided by the external libraries.

What type of pull request would this be?

New Feature

Provide relevant links or additional information.

https://animate.style/ -> They've got a bit of a weird, open source license, best to read through that before committing to their stylesheet