refactor: comment out unused styles and improve code readability

langx · Jan 9, 2025 · 0ba7bf4 · 0ba7bf4
1 parent ac4116a
commit 0ba7bf4
Show file tree

Hide file tree

Showing 9 changed files with 109 additions and 105 deletions.
diff --git a/src/lib/components/atoms/Logo.svelte b/src/lib/components/atoms/Logo.svelte
@@ -34,47 +34,47 @@
 			gap: 8px;
 		}
 
-		#logo-text {
-			width: auto;
-			height: 100%;
-			max-height: 28px;
+		// #logo-text {
+		// 	width: auto;
+		// 	height: 100%;
+		// 	max-height: 28px;
 
-			#text {
-				transition: all 0.2s ease-in-out;
-				fill: var(--color--text);
-			}
-		}
+		// 	#text {
+		// 		transition: all 0.2s ease-in-out;
+		// 		fill: var(--color--text);
+		// 	}
+		// }
 
-		&:hover {
-			#logo-text {
-				filter: drop-shadow(0px 0px 3px var(--color--primary));
-			}
-		}
+		// &:hover {
+		// 	#logo-text {
+		// 		filter: drop-shadow(0px 0px 3px var(--color--primary));
+		// 	}
+		// }
 	}
 
-	@media screen and (prefers-reduced-motion: no-preference) {
-		.animated {
-			#icon {
-				> path {
-					--text-color: var(--color--text-shade);
-					stroke-width: 2;
-					animation: svg-text-stroke 3s;
-				}
+	// @media screen and (prefers-reduced-motion: no-preference) {
+	// 	.animated {
+	// 		#icon {
+	// 			> path {
+	// 				--text-color: var(--color--text-shade);
+	// 				stroke-width: 2;
+	// 				animation: svg-text-stroke 3s;
+	// 			}
 
-				#darker {
-					> path {
-						--text-color: var(--color--text);
-						stroke-width: 2;
-						animation: svg-text-stroke 3s;
-					}
-				}
-			}
+	// 			#darker {
+	// 				> path {
+	// 					--text-color: var(--color--text);
+	// 					stroke-width: 2;
+	// 					animation: svg-text-stroke 3s;
+	// 				}
+	// 			}
+	// 		}
 
-			#text {
-				animation: svg-text-stroke 3s;
-				stroke-width: 2;
-				--text-color: var(--color--text);
-			}
-		}
-	}
+	// 		#text {
+	// 			animation: svg-text-stroke 3s;
+	// 			stroke-width: 2;
+	// 			--text-color: var(--color--text);
+	// 		}
+	// 	}
+	// }
 </style>
diff --git a/src/lib/components/molecules/StarCount.svelte b/src/lib/components/molecules/StarCount.svelte
@@ -22,9 +22,9 @@
 
 <style lang="scss">
 	.star-count {
-		.mtop {
-			margin-top: 10px;
-		}
+		// .mtop {
+		// 	margin-top: 10px;
+		// }
 		display: flex;
 		align-items: center;
 

diff --git a/src/lib/components/molecules/ThemeToggle.svelte b/src/lib/components/molecules/ThemeToggle.svelte
@@ -67,9 +67,9 @@
 			#moon,
 			#sun {
 				fill: var(--color--text);
-				> * {
-					filter: drop-shadow(0px 0px 3px var(--color--text-shade));
-				}
+				// > * {
+				// 	filter: drop-shadow(0px 0px 3px var(--color--text-shade));
+				// }
 			}
 
 			#sun-beams {
@@ -108,7 +108,9 @@
 		stroke: var(--color--text);
 		stroke-width: 2px;
 		transform-origin: center center;
-		transition: all 0.5s var(--ease-elastic-4), opacity var(--_opacity-dur) var(--ease-3);
+		transition:
+			all 0.5s var(--ease-elastic-4),
+			opacity var(--_opacity-dur) var(--ease-3);
 	}
 
 	#moon > circle {

diff --git a/src/lib/components/organisms/About.svelte b/src/lib/components/organisms/About.svelte
@@ -75,19 +75,19 @@
 			}
 		}
 
-		.socials {
-			display: flex;
-			align-items: center;
-			gap: 15px;
+		// .socials {
+		// 	display: flex;
+		// 	align-items: center;
+		// 	gap: 15px;
 
-			@include for-phone-only {
-				justify-content: center;
-				margin-bottom: 10px;
-				span {
-					display: none;
-				}
-			}
-		}
+		// 	@include for-phone-only {
+		// 		justify-content: center;
+		// 		margin-bottom: 10px;
+		// 		span {
+		// 			display: none;
+		// 		}
+		// 	}
+		// }
 
 		.image {
 			width: 100%;
@@ -103,9 +103,9 @@
 		font-size: 1.2em;
 	}
 
-	.github {
-		margin-left: 5px;
-	}
+	// .github {
+	// 	margin-left: 5px;
+	// }
 
 	a {
 		transition: all 0.2s ease-in-out;

diff --git a/src/lib/components/organisms/CSponsors.svelte b/src/lib/components/organisms/CSponsors.svelte
@@ -221,9 +221,9 @@
 			text-align: center;
 		}
 
-		.second-sponsor {
-			margin-top: 80px;
-		}
+		// .second-sponsor {
+		// 	margin-top: 80px;
+		// }
 
 		.sponsor-container {
 			display: grid;

diff --git a/src/lib/components/organisms/FAQ.svelte b/src/lib/components/organisms/FAQ.svelte
@@ -143,9 +143,9 @@
 			padding: 40px 0 50px;
 		}
 
-		.hello {
-			text-align: center;
-		}
+		// .hello {
+		// 	text-align: center;
+		// }
 	}
 
 	$yellow: var(--color--primary);
@@ -254,7 +254,9 @@
 				opacity: 0;
 				max-height: 0;
 				overflow: hidden;
-				transition: opacity 200ms linear, max-height 200ms linear;
+				transition:
+					opacity 200ms linear,
+					max-height 200ms linear;
 				will-change: opacity, max-height;
 
 				p {

diff --git a/src/lib/components/organisms/Footer.svelte b/src/lib/components/organisms/Footer.svelte
@@ -242,35 +242,35 @@
 					grid-row-start: 1;
 				}
 
-				.credits {
-					position: relative;
-					background-color: var(--color--yellow);
-					border-radius: 5px;
-					padding: 15px 10px;
-					font-weight: 400;
-					font-size: 80%;
-					color: var(--color--text);
-					margin-top: 1rem;
-					box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.5);
-					max-width: 400px;
-
-					@include for-phone-only {
-						display: none;
-					}
-
-					a {
-						color: var(--color--text);
-						text-decoration: none;
-						transition: all 0.2s ease-in-out;
-						font-weight: bold;
-
-						&:hover {
-							color: var(--color--text);
-							filter: drop-shadow(0px 0px 3px var(--color--text-shade));
-							transition: color 0.5s ease-in-out;
-						}
-					}
-				}
+				// .credits {
+				// 	position: relative;
+				// 	background-color: var(--color--yellow);
+				// 	border-radius: 5px;
+				// 	padding: 15px 10px;
+				// 	font-weight: 400;
+				// 	font-size: 80%;
+				// 	color: var(--color--text);
+				// 	margin-top: 1rem;
+				// 	box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.5);
+				// 	max-width: 400px;
+
+				// 	@include for-phone-only {
+				// 		display: none;
+				// 	}
+
+				// 	a {
+				// 		color: var(--color--text);
+				// 		text-decoration: none;
+				// 		transition: all 0.2s ease-in-out;
+				// 		font-weight: bold;
+
+				// 		&:hover {
+				// 			color: var(--color--text);
+				// 			filter: drop-shadow(0px 0px 3px var(--color--text-shade));
+				// 			transition: color 0.5s ease-in-out;
+				// 		}
+				// 	}
+				// }
 			}
 
 			.links-wrapper {

diff --git a/src/lib/scss/_themes.scss b/src/lib/scss/_themes.scss
@@ -92,7 +92,7 @@
 	}
 }
 
-footer,
-header {
-	@include base-theme;
-}
+// footer,
+// header {
+// 	@include base-theme;
+// }
diff --git a/src/routes/(blog-article)/+layout.svelte b/src/routes/(blog-article)/+layout.svelte
@@ -152,12 +152,12 @@
 			box-shadow: var(--image-shadow);
 			border-radius: 6px;
 
-			img {
-				width: 100%;
-				height: 100%;
-				max-height: 400px;
-				object-fit: cover;
-			}
+			// img {
+			// 	width: 100%;
+			// 	height: 100%;
+			// 	max-height: 400px;
+			// 	object-fit: cover;
+			// }
 		}
 
 		:global(.cover-image img) {