From 95a80e4c076960549a940ed99f417c4858bd916c Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Tue, 27 Aug 2024 04:36:30 +0300
Subject: [PATCH] Reduce nesting depth in _footer.scss

---
 sass/_footer.scss | 100 +++++++++++++++++++++++-----------------------
 1 file changed, 50 insertions(+), 50 deletions(-)

diff --git a/sass/_footer.scss b/sass/_footer.scss
index 86d0e4d..613e487 100644
--- a/sass/_footer.scss
+++ b/sass/_footer.scss
@@ -20,37 +20,37 @@
 			gap: 0.25rem;
 			margin: 0;
 			padding: 0;
+		}
 
-			li {
-				display: flex;
-				line-height: 1.25;
-				list-style: none;
+		li {
+			display: flex;
+			line-height: 1.25;
+			list-style: none;
 
-				@media only screen and (max-width: 480px) {
-					flex: 0 0 100%;
-				}
+			@media only screen and (max-width: 480px) {
+				flex: 0 0 100%;
+			}
+		}
 
-				a {
-					flex: 1;
-					transition: var(--transition);
-					border-radius: 999px;
-					padding: 0.5rem 0.75rem;
-					color: var(--fg-muted-4);
-					line-height: 1.25;
-					text-align: center;
-					text-decoration: none;
+		a {
+			flex: 1;
+			transition: var(--transition);
+			border-radius: 999px;
+			padding: 0.5rem 0.75rem;
+			color: var(--fg-muted-4);
+			line-height: 1.25;
+			text-align: center;
+			text-decoration: none;
 
-					&:hover {
-						box-shadow: var(--edge-highlight);
-						background-color: var(--primary-color);
-						color: var(--contrast-color);
-						text-decoration: none;
-					}
+			&:hover {
+				box-shadow: var(--edge-highlight);
+				background-color: var(--primary-color);
+				color: var(--contrast-color);
+				text-decoration: none;
+			}
 
-					&:active {
-						transform: scale(var(--active));
-					}
-				}
+			&:active {
+				transform: scale(var(--active));
 			}
 		}
 	}
@@ -66,36 +66,36 @@
 		li {
 			line-height: 0;
 			list-style: none;
+		}
 
-			a {
-				display: block;
-				transition: var(--transition);
-				border-radius: 999px;
-				padding: 0.5rem;
+		a {
+			display: block;
+			transition: var(--transition);
+			border-radius: 999px;
+			padding: 0.5rem;
 
-				&:hover {
-					box-shadow: var(--edge-highlight);
-					background-color: var(--fg-muted-1);
-
-					.icon {
-						background-color: var(--primary-color);
-					}
-				}
-
-				&:active {
-					transform: scale(var(--active));
-				}
+			&:hover {
+				box-shadow: var(--edge-highlight);
+				background-color: var(--fg-muted-1);
 
 				.icon {
-					transition: var(--transition);
-					background-color: var(--fg-muted-4);
-					width: 1.5rem;
-					height: 1.5rem;
+					background-color: var(--primary-color);
 				}
+			}
 
-				span {
-					display: none;
-				}
+			&:active {
+				transform: scale(var(--active));
+			}
+
+			.icon {
+				transition: var(--transition);
+				background-color: var(--fg-muted-4);
+				width: 1.5rem;
+				height: 1.5rem;
+			}
+
+			span {
+				display: none;
 			}
 		}
 	}