Improved: sequence of empty-state styling code in variable.css

hotwax · Feb 2, 2024 · bfdf8b0 · bfdf8b0
1 parent 643bdd5
commit bfdf8b0
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/src/theme/variables.css b/src/theme/variables.css
@@ -248,20 +248,6 @@ img {
   object-fit: contain;
 }
 
-@media (prefers-color-scheme: dark) {
-  ion-chip > ion-icon {
-    color: var(--ion-color-dark);
-  }
-
-  .chip-outline {
-    border-color: var(--ion-color-dark);
-  }
-
-  ion-item {
-    --border-color: var(--ion-color-medium)
-  }
-} 
-
 .empty-state {
   max-width: 100%;
   display: flex;
@@ -277,4 +263,18 @@ img {
 
 .empty-state > p {
   text-align: center;
+}
+
+@media (prefers-color-scheme: dark) {
+  ion-chip > ion-icon {
+    color: var(--ion-color-dark);
+  }
+
+  .chip-outline {
+    border-color: var(--ion-color-dark);
+  }
+
+  ion-item {
+    --border-color: var(--ion-color-medium)
+  }
 }