Animation

python · Dec 21, 2024 · 584ed50 · 584ed50
1 parent 5635060
commit 584ed50
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/python_docs_theme/static/pydoctheme.css b/python_docs_theme/static/pydoctheme.css
@@ -1,5 +1,10 @@
 @import url('classic.css');
 
+/* Smooth scroll */
+html {
+    scroll-behavior: smooth;
+}
+
 /* Common colours */
 :root {
     --good-color: rgb(41 100 51);
@@ -129,6 +134,7 @@ form.inline-search input[type='submit'] {
 }
 
 div.document {
+    animation: fadeIn 0.6s ease-in-out;
     display: flex;
     /* Don't let long code literals extend beyond the right side of the screen */
     overflow-wrap: break-word;
@@ -149,9 +155,7 @@ div.sphinxsidebar {
     border-radius: 5px;
     line-height: 130%;
     font-size: smaller;
-    resize: horizontal;
-    min-width: 200px;
-    max-width: 400px;
+    transition: width 0.3s ease
 }
 
 div.sphinxsidebar h3,
@@ -764,3 +768,13 @@ div.versionremoved .versionmodified {
         display: none;
     }
 }
+
+/* Animation */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}