Rename keyframes: slideUp -> slideUpScaled

aliebald · aliebald · commit ad76d0dff752 · 2022-09-19T12:52:49.000+02:00
diff --git a/components/Atoms/AnimateWhenInViewport/AnimateWhenInViewport.tsx b/components/Atoms/AnimateWhenInViewport/AnimateWhenInViewport.tsx
@@ -4,7 +4,7 @@ export interface Animation {
 	initDelay?: number;
 	threshold?: number;
 	noHide?: boolean;
-	type?: "slideUp" | "slideInR" | "growYUp" | "growYDown";
+	type?: "slideUpScaled" | "slideInR" | "growYUp" | "growYDown";
 	duration?: string;
 }
 
diff --git a/styles/globals.css b/styles/globals.css
@@ -57,7 +57,7 @@ a {
 
 .animation {
   transform-origin: bottom;
-  animation: slideUp 1s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
+  animation: slideUpScaled 1s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
 }
 
 @media (prefers-reduced-motion) {
@@ -71,7 +71,7 @@ a {
  *  Global Animations - Keyframes & CSS Specific to each Keyframe
  * =============================================================== */
 
-@keyframes slideUp {
+@keyframes slideUpScaled {
   0% {
     transform: translateY(100px) scale(.5);
     opacity: 0;

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ export interface Animation {`
`4`	`4`	`initDelay?: number;`
`5`	`5`	`threshold?: number;`
`6`	`6`	`noHide?: boolean;`
`7`		`- type?: "slideUp" \| "slideInR" \| "growYUp" \| "growYDown";`
	`7`	`+ type?: "slideUpScaled" \| "slideInR" \| "growYUp" \| "growYDown";`
`8`	`8`	`duration?: string;`
`9`	`9`	`}`
`10`	`10`