studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💫(tokens) change transitions timing functions

Browse Source 
Increase duration by 50ms then switch to ease cubic timing function in
order to get smoother but enough speed transitions.
This commit is contained in:
jbpenrath
2023-04-03 11:10:41 +02:00
committed by Jean-Baptiste PENRATH
parent e90563aee2
commit b79c23da30
8 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/react/src/cunningham-tokens.css
View File

@@ -92,14 +92,14 @@
--c--theme--spacings--s: 1rem;
--c--theme--spacings--t: 0.5rem;
--c--theme--spacings--st: 0.25rem;
--c--theme--transitions--ease-in: cubic-bezier(0.5, 0, 0.75, 0);
--c--theme--transitions--ease-out: cubic-bezier(0.25, 1, 0.5, 1);
--c--theme--transitions--ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
--c--theme--transitions--duration: 200ms;
--c--components--button--border-radius: 2px;
--c--theme--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0);
--c--theme--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1);
--c--theme--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--c--theme--transitions--duration: 250ms;
--c--components--button--border-radius: 8px;
--c--components--button--medium-height: 48px;
--c--components--button--small-height: 32px;
--c--components--button--medium-font-size: 1rem;
--c--components--button--small-font-size: 0.8125rem;
--c--components--button--font-weight: 400;
}
}