feat: Add extra.css for custom styling and responsive layout

tiankaima · Jul 22, 2024 · fad9a28 · fad9a28
1 parent a5c8829
commit fad9a28
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/docs/css/extra.css b/docs/css/extra.css
@@ -0,0 +1,24 @@
+.jp-Collapser {
+    display: none;
+}
+
+.jupyter-wrapper {
+    --jp-notebook-padding: 0px !important;
+    --jp-cell-padding: 0px !important;
+    --jp-code-padding: 0px !important;
+
+    .jp-Notebook {
+        .jp-Cell {
+            padding-block: 5px !important;
+        }
+    }
+
+    @media screen and (max-width: 76.25em) {
+        .jp-CodeCell .jp-InputPrompt {
+            display: none !important;
+        }
+        .jp-CodeCell .jp-OutputPrompt {
+            display: none !important;
+        }
+    }
+}
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -112,6 +112,7 @@ extra_javascript:
   - "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0/katex.min.js"
 
 extra_css:
+  - css/extra.css
   - "https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0/katex.min.css"
 
 # Extensions