mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-10-03 18:23:47 +10:00
chore(web): keep single-file motion constants private
This commit is contained in:
@@ -15,7 +15,7 @@ import { SignOutButton } from "./account/page";
|
||||
// Phones: a section pushes in from the end and Back returns from the start (styles in index.css, after the page
|
||||
// transition). Browsers without view-transition types swap instantly, as for every other navigation.
|
||||
const supportsTransitionTypes = globalThis.CSS?.supports?.("selector(:active-view-transition-type(a))") === true;
|
||||
export const pushTransition = supportsTransitionTypes && { types: ["page", "forward"] };
|
||||
const pushTransition = supportsTransitionTypes && { types: ["page", "forward"] };
|
||||
export const popTransition = supportsTransitionTypes && { types: ["page", "back"] };
|
||||
|
||||
type RowProps = { icon: IconName; label: ReactNode; value?: ReactNode };
|
||||
|
||||
@@ -6,7 +6,7 @@ import type { CSSProperties } from "react";
|
||||
/** --ease / `ease-enter`: everything entering, exiting or changing state. */
|
||||
export const EASE = [0.2, 0.8, 0.2, 1] as const;
|
||||
/** --ease-in-out-strong / `ease-in-out-strong`: things moving across the screen (indicators, reorder, settling). */
|
||||
export const EASE_MOVE = [0.77, 0, 0.175, 1] as const;
|
||||
const EASE_MOVE = [0.77, 0, 0.175, 1] as const;
|
||||
/** --d1 / `duration-quick`: hover, press, toggle, checkbox, focus ring. */
|
||||
export const D1 = 0.12;
|
||||
/** --d2 / `duration-standard`: menus, popovers, expand/collapse, content swaps, dialogs. */
|
||||
|
||||
Reference in New Issue
Block a user