adds design
This commit is contained in:
10
docs/design/tokens/motion.css
Normal file
10
docs/design/tokens/motion.css
Normal file
@@ -0,0 +1,10 @@
|
||||
/* Colour shifts only. Kade never translates, lifts, or scales on hover. */
|
||||
:root {
|
||||
--ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
|
||||
--duration-fast: 120ms; /* @kind other */
|
||||
--duration-base: 160ms; /* @kind other */
|
||||
--duration-slow: 260ms; /* @kind other */
|
||||
--transition-color: color var(--duration-base) var(--ease-out),
|
||||
background-color var(--duration-base) var(--ease-out),
|
||||
border-color var(--duration-base) var(--ease-out);
|
||||
}
|
||||
Reference in New Issue
Block a user