Apply nesting inside media query

thekid · Feb 25, 2024 · 42b26e7 · 42b26e7
1 parent da59c96
commit 42b26e7
Showing 1 changed file with 23 additions and 23 deletions.
diff --git a/src/main/handlebars/layout.handlebars b/src/main/handlebars/layout.handlebars
@@ -685,30 +685,30 @@
         margin-left: 0;
         margin-right: 0;
         max-width: 100%;
-      }
-
-      #lightbox .meta {
-        grid-template-columns: repeat(3, max-content) 1fr;
-        transform: scale(1, 1);
-        gap: 0;
-        background-color: white;
-        border: none;
-        border-radius: 0;
-        position: unset;
-      }
-
-      #lightbox img {
-        border: none;
-        border-radius: 0;
-      }
-
-      #lightbox .meta div:nth-child(2) {
-        grid-column: span 3;
-      }
 
-      #lightbox .meta div {
-        border-radius: unset;
-        background-color: unset;
+        & .meta {
+          grid-template-columns: repeat(3, max-content) 1fr;
+          transform: scale(1, 1);
+          gap: 0;
+          background-color: white;
+          border: none;
+          border-radius: 0;
+          position: unset;
+        }
+
+        & img {
+          border: none;
+          border-radius: 0;
+        }
+
+        & .meta div:nth-child(2) {
+          grid-column: span 3;
+        }
+
+        & .meta div {
+          border-radius: unset;
+          background-color: unset;
+        }
       }
     }