Update snippet css

Author: rossta

app/javascript/css/baseline.css

@@ -575,6 +575,10 @@ a:active > * {
   color: var(--joy-link-active);
 }
 
+a:has(> div) {
+  text-decoration: none;
+}
+
 pre {
   font-family: var(--monospace);
   font-size: var(--step--1);

app/javascript/css/components/article-content.css

@@ -48,7 +48,7 @@
     inline-size: 0.3125rem;
   }
 
-  & :first-child {
+  & > :first-child {
     margin-block-start: 0;
   }
 

app/javascript/css/components/code.scss

@@ -186,27 +186,3 @@
     }
   }
 }
-
-.snippet {
-  width: fit-content;
-  max-width: var(--grid-max-width);
-
-  & .code-body {
-    flex-direction: column;
-  }
-
-  & .code-editor {
-    padding-top: var(--space-xs);
-    padding-inline-end: var(--space-m);
-    padding-bottom: var(--space-m);
-    padding-inline-start: var(--space-m);
-  }
-}
-
-.grid-stack {
-  display: grid;
-
-  & > * {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-}

app/javascript/css/components/snippet.css

@@ -1,5 +1,14 @@
 .snippet {
   filter: drop-shadow(0 0 0.75rem var(--joy-color-50));
+  width: fit-content;
+  max-width: var(--grid-max-width);
+
+  & .code-editor {
+    padding-top: var(--space-xs);
+    padding-inline-end: var(--space-m);
+    padding-bottom: var(--space-m);
+    padding-inline-start: var(--space-m);
+  }
 }
 
 .snippet-background {

app/javascript/css/utilities/custom.css

@@ -70,3 +70,11 @@
 .joy-text-subtle {
   color: var(--joy-text-subtle);
 }
+
+.grid-stack {
+  display: grid;
+
+  & > * {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+}