Refactor CSS rules for code blocks

great-expectations · Mar 1, 2024 · b4e1d12 · b4e1d12
1 parent b4686a6
commit b4e1d12
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/docs/docusaurus/src/css/code_block.scss b/docs/docusaurus/src/css/code_block.scss
@@ -44,29 +44,29 @@ div.theme-code-block {
     & + div {
       position: static;
     }
+  }
 
-    // Button group
-    & + div > div {
-      top: calc(var(--ifm-pre-padding) / 2);
+  &.language-bash div:not(:only-child):first-child::before{
+    background: url('/img/terminal-input-icon.svg') 0 50% no-repeat;
+    width: 1.25em;
+  }
 
-      &:hover {
-        opacity: 0.75 !important;
-      }
+  // Button group
+  .prism-code + div:has(button) {
+    top: calc(var(--ifm-pre-padding) / 2);
 
-      button {
-        background: transparent;
-        border: none;
-        opacity: 0.75 !important;
+    &:hover {
+      opacity: 0.75 !important;
+    }
 
-        svg path {
-          fill: var(--code-snippets-title-color);
-        }
+    button {
+      background: transparent;
+      border: none;
+      opacity: 0.75 !important;
+
+      svg path {
+        fill: var(--code-snippets-title-color);
       }
     }
   }
-
-  &.language-bash div:not(:only-child):first-child::before{
-    background: url('/img/terminal-input-icon.svg') 0 50% no-repeat;
-    width: 1.25em;
-  }
 }