CSS Nesting

Co-authored-by: Burhan Nasir <[email protected]>
10up · Feb 28, 2025 · 8931ce2 · 8931ce2
1 parent 51b7bb2
commit 8931ce2
Showing 1 changed file with 21 additions and 18 deletions.
diff --git a/assets/css/general.css b/assets/css/general.css
@@ -1,22 +1,25 @@
 @import "./global/colors.css";
 
-#wpadminbar .ep-status-indicator {
-	background-color: var(--ep-c-white-gray);
-	border-radius: 100%;
-	display: inline-block;
-	height: 8px;
-	margin-right: 6px;
-	width: 8px;
-}
-
-#wpadminbar .ep-status-indicator--success {
-	background-color: var(--ep-status-ok);
-}
-
-#wpadminbar .ep-status-indicator--warning {
-	background-color: var(--ep-status-warning);
-}
+#wpadminbar {
 
-#wpadminbar .ep-status-indicator--error {
-	background-color: var(--ep-status-error);
+	& .ep-status-indicator {
+		background-color: var(--ep-c-white-gray);
+		border-radius: 100%;
+		display: inline-block;
+		height: 8px;
+		margin-right: 6px;
+		width: 8px;
+	}
+
+	& .ep-status-indicator--success {
+		background-color: var(--ep-status-ok);
+	}
+
+	& .ep-status-indicator--warning {
+		background-color: var(--ep-status-warning);
+	}
+
+	& .ep-status-indicator--error {
+		background-color: var(--ep-status-error);
+	}
 }