| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 1 | $duration--fast-01: 70ms; //Micro-interactions such as button and toggle |
| 2 | $duration--fast-02: 110ms; //Micro-interactions such as fade |
| 3 | $duration--moderate-01: 150ms; //Micro-interactions, small expansion, short distance movements |
| 4 | $duration--moderate-02: 240ms; //Expansion, system communication, toast |
| 5 | $duration--slow-01: 400ms; //Large expansion, important system notifications |
| 6 | $duration--slow-02: 700ms; //Background dimming |
| 7 | |
| 8 | // https://www.carbondesignsystem.com/guidelines/motion/basics/#easing |
| 9 | $standard-easing--productive: cubic-bezier(0.2, 0, 0.38, 0.9); |
| 10 | $standard-easing--expressive: cubic-bezier(0.4, 0.14, 0.3, 1); |
| 11 | $entrance-easing--productive: cubic-bezier(0, 0, 0.38, 0.9); |
| 12 | $entrance-easing--expressive: cubic-bezier(0, 0, 0.3, 1); |
| 13 | $exit-easing--productive: cubic-bezier(0.2, 0, 1, 0.9); |
| 14 | $exit-easing--expressive: cubic-bezier(0.4, 0.14, 1, 1); |