feat: fade everything in at once

cubedhuang · Jul 21, 2022 · b128b84 · b128b84 · vercel · Jul 21, 2022
1 parent 6ade47c
commit b128b84
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/pages/skills.tsx b/src/pages/skills.tsx
@@ -22,7 +22,7 @@ export default function Skills() {
 				Skills and technologies I use to build things.
 			</p>
 
-			<div className="grid grid-cols-3 xs:grid-cols-4 sm:grid-cols-5 gap-2 sm:gap-4 fade-in">
+			<div className="grid grid-cols-3 xs:grid-cols-4 sm:grid-cols-5 gap-2 sm:gap-4">
 				{skills.map(({ name, icon, href, bg }) => (
 					<a
 						key={icon}

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -63,7 +63,8 @@
 
 	@for $i from 1 through 24 {
 		.fade-in > :nth-child(#{$i}) {
-			animation-delay: #{$i / 10}s;
+			// animation-delay: #{$i / 10}s;
+			animation-delay: 0.2s;
 		}
 	}