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

Animation: Expansion #217

Open
6 tasks
andrew-ronaldson opened this issue Nov 8, 2024 · 0 comments
Open
6 tasks

Animation: Expansion #217

andrew-ronaldson opened this issue Nov 8, 2024 · 0 comments

Comments

@andrew-ronaldson
Copy link

andrew-ronaldson commented Nov 8, 2024

This is the expansion pattern from design

Open expandable content

--pf-t--global--motion--duration--md and
--pf-t--global--timing-function--decelerate

Caret

Caret icon rotates 90 degrees with a
--pf-t--global--motion--duration--icon--default and
--pf-t--global--timing-function--default

Close expandable content

--pf-t--global--motion--duration--sm and
--pf-t--global--timing-function--accelerate

Caret

Caret icon rotates -90 degrees with a
--pf-t--global--motion--duration--icon--default and
--pf-t--global--timing-function--default

Core tasks

Preview Give feedback
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: In Progress - on schedule
Development

No branches or pull requests

1 participant