Flatten CSS

Signed-off-by: Dan Griffiths <[email protected]>
FuelRats · Jan 12, 2025 · 56b23a4 · 56b23a4
1 parent e474d17
commit 56b23a4
Showing 1 changed file with 69 additions and 72 deletions.
diff --git a/src/components/DispatchTable/DispatchTable.module.scss b/src/components/DispatchTable/DispatchTable.module.scss
@@ -5,7 +5,6 @@
   --table-border-color: #3C3C3C;
 }
 
-
 .table {
   min-width: 100%;
   margin-bottom: 0.5rem;
@@ -15,53 +14,53 @@
   background-color: $black;
   border-spacing: 0;
   border-collapse: collapse;
+}
 
-  thead {
-    background-color: $black-darkened;
+.table thead {
+  background-color: $black-darkened;
+}
 
-    > tr > th {
-      padding: 4px 8px;
+.table th {
+  padding: 4px 8px;
 
-      border: 1px solid var(--table-border-color);
-      border-top: 0;
-      border-bottom-width: 2px;
+  border: 1px solid var(--table-border-color);
+  border-top: 0;
+  border-bottom-width: 2px;
 
-      text-align: left;
-      vertical-align: bottom;
-    }
-  }
+  text-align: left;
+  vertical-align: bottom;
+}
 
-  tbody > tr > td {
-    max-width: 300px;
-    padding: 0.8rem;
+.table td {
+  max-width: 300px;
+  padding: 0.8rem;
 
-    border: 1px solid var(--table-border-color);
+  border: 1px solid var(--table-border-color);
 
-    line-height: 27px;
+  line-height: 27px;
 
-    vertical-align: middle;
+  vertical-align: middle;
+}
 
-    &.rescueRowFocus {
-      height: 4rem;
-      padding: 0.4rem;
+.rescueRowFocus {
+  height: 4rem;
+  padding: 0.4rem;
+}
 
-      :global(.button) {
-        display: inline-flex;
+.rescueRowFocus :global(.button) {
+  display: inline-flex;
 
-        align-items: center;
+  align-items: center;
 
-        justify-content: center;
+  justify-content: center;
 
-        width: 100%;
-        height: 100%;
+  width: 100%;
+  height: 100%;
+}
 
-        svg {
-          align-items: baseline;
-          vertical-align: middle;
-        }
-      }
-    }
-  }
+.rescueRowFocus :global(.button) svg {
+  align-items: baseline;
+  vertical-align: middle;
 }
 
 .codeRed {
@@ -77,62 +76,60 @@
   display: flex;
 
   align-items: flex-start;
+}
 
-  .cmdrName {
-    flex-grow: 1;
-  }
+.cmdrName {
+  flex-grow: 1;
 }
 
-.platform {
-  .platformBadge {
-    order: 1;
+.platformBadge {
+  order: 1;
 
-    width: 100%;
+  width: 100%;
 
-    color: $white;
+  color: $white;
 
-    text-align: center;
+  text-align: center;
+}
 
-    &.horizons3 > .platformBadgeLabel {
-      background-color: $magenta-dark3;
-    }
+.horizons3 > .platformBadgeLabel {
+  background-color: $magenta-dark3;
+}
 
-    &.horizons4 > .platformBadgeLabel {
-      background-color: $blue-dark3;
-    }
+.horizons4 > .platformBadgeLabel {
+  background-color: $blue-dark3;
+}
 
-    &.odyssey > .platformBadgeLabel {
-      background-color: $gold-dark2;
-    }
+.odyssey > .platformBadgeLabel {
+  background-color: $gold-dark2;
+}
 
-    &.ps > .platformBadgeLabel {
-      background-color: $xbox-green-light;
-    }
+.ps > .platformBadgeLabel {
+  background-color: $xbox-green-light;
+}
 
-    &.xb > .platformBadgeLabel {
-      background-color: $playstation-blue-light3;
-    }
+.xb > .platformBadgeLabel {
+  background-color: $playstation-blue-light3;
+}
 
-    > .platformBadgeIcon {
-      display: inline-block;
+.platformBadgeIcon {
+  display: inline-block;
 
-      width: 27px;
+  width: 27px;
 
-      background-color: $black-lightened;
+  background-color: $black-lightened;
+}
 
-      > svg {
-        height: 12px;
-      }
-    }
+.platformBadgeIcon > svg {
+  height: 12px;
+}
 
-    > .platformBadgeLabel {
-      display: inline-block;
+.platformBadgeLabel {
+  display: inline-block;
 
-      width: calc(100% - 27px);
+  width: calc(100% - 27px);
 
-      background-color: $red;
-    }
-  }
+  background-color: $red;
 }
 
 .queueLength {