Oops, native CSS nesting isn't really usable yet

fossfunders · Mar 14, 2024 · 00039d6 · 00039d6
1 parent ee5205e
commit 00039d6
Showing 1 changed file with 14 additions and 16 deletions.
diff --git a/style.css b/style.css
@@ -103,22 +103,22 @@ li {
   list-style: none;
   height: 128px;
   text-align: center;
-  &.empty {
-    display: none;
-  }
+}
+li.empty {
+  display: none;
 }
 li a {
   display: block;
   max-height: 48px;
   max-width: 80%;
   margin: 0 auto;
 
-  img {
-    display: block;
-    max-height: 48px;
-    max-width: 100%;
-    margin: 0 auto 80px;
-  }
+}
+li a img {
+  display: block;
+  max-height: 48px;
+  max-width: 100%;
+  margin: 0 auto 80px;
 }
 
 .companies .content {
@@ -158,13 +158,11 @@ table {
   }
   .companies ul {
     columns: 2;
-    li {
-      &.empty {
-        display: block;
-      }
-      a {
-        max-width: 60%;
-      }
+    li.empty {
+      display: block;
+    }
+    li a {
+      max-width: 60%;
     }
   }
 }