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

8
packages/tokens/src/bin/cunningham.ts
View File

@@ -125,10 +125,10 @@ const spacings = {
};
const transitions = {
"ease-in": "cubic-bezier(0.5, 0, 0.75, 0)",
"ease-out": "cubic-bezier(0.25, 1, 0.5, 1)",
"ease-in-out": "cubic-bezier(0.76, 0, 0.24, 1)",
duration: "200ms",
"ease-in": "cubic-bezier(0.32, 0, 0.67, 0)", // Ease in cubic
"ease-out": "cubic-bezier(0.33, 1, 0.68, 1)", // Ease out cubic
"ease-in-out": "cubic-bezier(0.65, 0, 0.35, 1)", // Ease in out cubic
duration: "250ms",
};
export default {