Remove SCSS deprecated mix of nested rules/declarations

Paroxity · Sep 6, 2024 · f4abba1 · f4abba1
1 parent fd3313f
commit f4abba1
Showing 1 changed file with 32 additions and 27 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -519,23 +519,24 @@ input:disabled {
 
 /* Sidebar */
 .sidebar {
-	text-align: center;
-	float: left;
-	position: fixed;
-	top: 0;
-	height: 100%;
-	width: 19em;
-	padding: 0 2em 2em;
-	border-right: 1px solid #bea966;
-	color: #bea966;
-	z-index: 2;
+	& {
+		text-align: center;
+		float: left;
+		position: fixed;
+		top: 0;
+		height: 100%;
+		width: 19em;
+		padding: 0 2em 2em;
+		border-right: 1px solid #bea966;
+		color: #bea966;
+		z-index: 2;
+		transition: opacity 0.2s;
+		opacity: 1;
+	}
 
 	input {
 		width: 4em;
 	}
-
-	transition: opacity 0.2s;
-	opacity: 1;
 }
 
 .labeled-input {
@@ -553,7 +554,9 @@ input:disabled {
 		display: inline-block;
 	}
 
-	position: relative;
+	& {
+		position: relative;
+	}
 }
 
 .hamburger {
@@ -623,22 +626,23 @@ input:disabled {
 
 /* Radio checkbox */
 .radio-checkbox {
-	user-select: none;
-	-moz-user-select: none;
-	-webkit-user-select: none;
-	-ms-user-select: none;
+	& {
+		user-select: none;
+		-moz-user-select: none;
+		-webkit-user-select: none;
+		-ms-user-select: none;
+		border: 2px solid #6c6046;
+		display: block;
+		margin: 10px auto !important;
+		width: fit-content;
+	}
 
 	input[type="radio"] {
 		opacity: 0;
 		position: fixed;
 		width: 0;
 		pointer-events: none;
 	}
-
-	border: 2px solid #6c6046;
-	display: block;
-	margin: 10px auto !important;
-	width: fit-content;
 }
 
 .radio-checkbox:hover {
@@ -684,10 +688,10 @@ input:disabled {
 		font-weight: 400;
 		margin: 10px 10px 0;
 		background: linear-gradient(
-				90deg,
-				rgba(0, 0, 0, 0) 0%,
-				rgba(129, 107, 62, 1) 50%,
-				rgba(0, 0, 0, 0) 100%
+			90deg,
+			rgba(0, 0, 0, 0) 0%,
+			rgba(129, 107, 62, 1) 50%,
+			rgba(0, 0, 0, 0) 100%
 		);
 	}
 }
@@ -878,3 +882,4 @@ input:disabled {
 	width: 1em;
 	display: inline-block;
 }
+