Update JS doc deps

docs/src/scss/_material.scss

@@ -173,6 +173,15 @@ html {
 .md-typeset diagram-div,
 .md-typeset pre.arithmatex,
 .md-typeset div.arithmatex {
+  // Firefox scrollbar and thumb
+  scrollbar-color: var(--md-default-fg-color--lighter) transparent;
+  scrollbar-width: thin;
+
+  // Firefox hovered scrollbar and thumb
+  &:hover {
+    scrollbar-color: var(--md-accent-fg-color) transparent;
+  }
+
   // Override native scrollbar styles
   &::-webkit-scrollbar {
     width: px2rem(4px);
@@ -192,13 +201,4 @@ html {
       background-color: var(--md-accent-fg-color);
     }
   }
-
-  // Firefox scrollbar and thumb
-  scrollbar-color: var(--md-default-fg-color--lighter) transparent;
-  scrollbar-width: thin;
-
-  // Firefox hovered scrollbar and thumb
-  &:hover {
-    scrollbar-color: var(--md-accent-fg-color) transparent;
-  }
 }

docs/src/scss/extensions/_admonition.scss

@@ -36,29 +36,35 @@ $new-admonitions: (
     $tint2: nth($prop, 2);
     $name: nth($names, 1);
 
-    --md-admonition-icon--#{$name}: svg-load("#{nth($prop, 3)}");
-    --md-admonition-bg-color--#{$name}: #{transparentize($tint2, 0.9)};
-    --md-admonition-icon-color--#{$name}: #{$tint2};
-    --md-admonition-shadow-color--#{$name}: #{transparentize($tint2, 0.9)};
+    & {
+      --md-admonition-icon--#{$name}: svg-load("#{nth($prop, 3)}");
+      --md-admonition-bg-color--#{$name}: #{transparentize($tint2, 0.9)};
+      --md-admonition-icon-color--#{$name}: #{$tint2};
+      --md-admonition-shadow-color--#{$name}: #{transparentize($tint2, 0.9)};
+    }
 
     &[data-md-color-scheme="dracula"] {
       --md-admonition-bg-color--#{$name}: var(--md-default-bg-color--ultra-dark);
       --md-admonition-icon-color--#{$name}: #{$tint};
       --md-admonition-shadow-color--#{$name}: #{transparentize($tint, 0.9)};
     }
-  }
 
-  @each $names, $tint in $old-admonitions {
-    $name: nth($names, 1);
-    --md-admonition-bg-color--#{$name}: var(--md-default-bg-color--ultra-dark);
-    --md-admonition-icon-color--#{$name}: #{$tint};
-    --md-admonition-shadow-color--#{$name}: #{transparentize($tint, 0.9)};
+    @each $names, $tint in $old-admonitions {
+      $name: nth($names, 1);
+
+      & {
+        --md-admonition-bg-color--#{$name}: var(--md-default-bg-color--ultra-dark);
+        --md-admonition-icon-color--#{$name}: #{$tint};
+        --md-admonition-shadow-color--#{$name}: #{transparentize($tint, 0.9)};
+      }
+    }
   }
 }
 
 /* Dark mode changes */
 [data-md-color-scheme="dracula"] .md-typeset .admonition {
   border-color: var(--md-admonition-icon-color--note);
+  box-shadow: var(--md-shadow-z2);
 
   &:focus-within {
     box-shadow: 0 0 0 px2rem(4px) var(--md-admonition-shadow-color--note);
@@ -73,8 +79,6 @@ $new-admonitions: (
       color: var(--md-admonition-icon-color--note);
     }
   }
-
-  box-shadow: var(--md-shadow-z2);
 }
 
 /* Style existing admonitions with dark mode colors */

docs/src/scss/extensions/_highlight.scss

@@ -112,16 +112,6 @@
   // Filename span
   .highlight span.filename {
 
-    // Adjust margins and and general container look of code block
-    + pre {
-      margin-top: 0;
-
-      code {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-      }
-    }
-
     // Style the filename banner
     position: relative;
     display: block;
@@ -133,6 +123,16 @@
     border-top-left-radius: px2rem(2px);
     border-top-right-radius: px2rem(2px);
 
+    // Adjust margins and and general container look of code block
+    + pre {
+      margin-top: 0;
+
+      code {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+
     // Add code icon
     &::before {
       position: absolute;

docs/src/scss/extensions/_tabbed.scss

@@ -31,15 +31,14 @@
         .highlighttable {
 
           &:only-child {
-
-            span.filename {
-              margin-top: 0;
-            }
-
             margin-right: px2rem(-24px);
             margin-left: px2rem(-24px);
             padding-right: px2rem(12px);
             padding-left: px2rem(12px);
+
+            span.filename {
+              margin-top: 0;
+            }
           }
         }
 

mkdocs.yml

@@ -234,7 +234,7 @@ extra:
       link: https://github.com/facelessuser
 extra_css:
   # - https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css
-  - assets/pymdownx-extras/extra-add6f01bfa.css
+  - assets/pymdownx-extras/extra-8611f6c398.css
 extra_javascript:
   - https://unpkg.com/mermaid@10.6.1/dist/mermaid.min.js
   # - https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js