feat: design tokens (palette, Inter font, content + motion libs)
This commit is contained in:
1 parent
f66687a545
commit
48a37395aa
5 files changed
+129
-55
No files matched your search
@@ -0,0 +1,21 @@
|
||||
import type { Variants } from 'framer-motion';
|
||||
|
||||
// EaseOutExpo — smooth editorial deceleration
|
||||
export const easeOutExpo = [0.22, 1, 0.36, 1] as const;
|
||||
|
||||
export const fadeInUp: Variants = {
|
||||
hidden: { opacity: 0, y: 20 },
|
||||
visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: easeOutExpo } },
|
||||
};
|
||||
|
||||
export const fadeIn: Variants = {
|
||||
hidden: { opacity: 0 },
|
||||
visible: { opacity: 1, transition: { duration: 0.4, ease: easeOutExpo } },
|
||||
};
|
||||
|
||||
export const staggerContainer: Variants = {
|
||||
hidden: {},
|
||||
visible: { transition: { staggerChildren: 0.1 } },
|
||||
};
|
||||
|
||||
export const viewportOnce = { once: true, amount: 0.3 } as const;
|
||||
Reference in new issue
Block a user