fix: disable smooth scroll under reduced motion; drop dead motion exports
This commit is contained in:
1 parent
7d9e31aa52
commit
421576a5b7
3 files changed
+5
-6
No files matched your search
@@ -11,6 +11,10 @@
|
|||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
::selection { background: #D4AF37; color: #0A1F44; }
|
::selection { background: #D4AF37; color: #0A1F44; }
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
html { scroll-behavior: auto; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ import { Wordmark } from '@/components/primitives/Wordmark';
|
|||||||
import { CTA } from '@/components/primitives/CTA';
|
import { CTA } from '@/components/primitives/CTA';
|
||||||
import { Container } from '@/components/primitives/Container';
|
import { Container } from '@/components/primitives/Container';
|
||||||
import { hero } from '@/lib/content';
|
import { hero } from '@/lib/content';
|
||||||
import { easeOutExpo, fadeInUp, staggerContainer, usePrefersReducedMotion, motionProps } from '@/lib/motion';
|
import { fadeInUp, staggerContainer, usePrefersReducedMotion, motionProps } from '@/lib/motion';
|
||||||
|
|
||||||
type Variant = 'hormozi' | 'editorial';
|
type Variant = 'hormozi' | 'editorial';
|
||||||
|
|
||||||
|
|||||||
@@ -9,11 +9,6 @@ export const fadeInUp: Variants = {
|
|||||||
visible: { opacity: 1, y: 0, transition: { duration: 0.5, ease: easeOutExpo } },
|
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 = {
|
export const staggerContainer: Variants = {
|
||||||
hidden: {},
|
hidden: {},
|
||||||
visible: { transition: { staggerChildren: 0.1 } },
|
visible: { transition: { staggerChildren: 0.1 } },
|
||||||
|
|||||||
Reference in new issue
Block a user