diff options
Diffstat (limited to 'packages/memory-graph/src/styles/animations.css.ts')
| -rw-r--r-- | packages/memory-graph/src/styles/animations.css.ts | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/packages/memory-graph/src/styles/animations.css.ts b/packages/memory-graph/src/styles/animations.css.ts index d9430ec4..53444052 100644 --- a/packages/memory-graph/src/styles/animations.css.ts +++ b/packages/memory-graph/src/styles/animations.css.ts @@ -1,4 +1,4 @@ -import { keyframes } from "@vanilla-extract/css"; +import { keyframes } from "@vanilla-extract/css" /** * Animation keyframes @@ -8,12 +8,12 @@ import { keyframes } from "@vanilla-extract/css"; export const fadeIn = keyframes({ from: { opacity: 0 }, to: { opacity: 1 }, -}); +}) export const fadeOut = keyframes({ from: { opacity: 1 }, to: { opacity: 0 }, -}); +}) export const slideInFromRight = keyframes({ from: { @@ -24,7 +24,7 @@ export const slideInFromRight = keyframes({ transform: "translateX(0)", opacity: 1, }, -}); +}) export const slideInFromLeft = keyframes({ from: { @@ -35,7 +35,7 @@ export const slideInFromLeft = keyframes({ transform: "translateX(0)", opacity: 1, }, -}); +}) export const slideInFromTop = keyframes({ from: { @@ -46,7 +46,7 @@ export const slideInFromTop = keyframes({ transform: "translateY(0)", opacity: 1, }, -}); +}) export const slideInFromBottom = keyframes({ from: { @@ -57,12 +57,12 @@ export const slideInFromBottom = keyframes({ transform: "translateY(0)", opacity: 1, }, -}); +}) export const spin = keyframes({ from: { transform: "rotate(0deg)" }, to: { transform: "rotate(360deg)" }, -}); +}) export const pulse = keyframes({ "0%, 100%": { @@ -71,7 +71,7 @@ export const pulse = keyframes({ "50%": { opacity: 0.5, }, -}); +}) export const bounce = keyframes({ "0%, 100%": { @@ -82,7 +82,7 @@ export const bounce = keyframes({ transform: "translateY(0)", animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)", }, -}); +}) export const scaleIn = keyframes({ from: { @@ -93,7 +93,7 @@ export const scaleIn = keyframes({ transform: "scale(1)", opacity: 1, }, -}); +}) export const scaleOut = keyframes({ from: { @@ -104,7 +104,7 @@ export const scaleOut = keyframes({ transform: "scale(0.95)", opacity: 0, }, -}); +}) export const shimmer = keyframes({ "0%": { @@ -113,4 +113,4 @@ export const shimmer = keyframes({ "100%": { backgroundPosition: "1000px 0", }, -}); +}) |