Adds shadow under sticky table headers

bulhakovolexii · Feb 5, 2024 · 1a5599c · 1a5599c
1 parent a9eb34b
commit 1a5599c
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/docs/_sass/custom/custom.scss b/docs/_sass/custom/custom.scss
@@ -89,3 +89,13 @@ thead {
     box-shadow: inset 0px -1px $border-color;
   }
 }
+
+.js-table-head-wrapper[data-is-fixed="true"] {
+  @media (prefers-color-scheme: dark) {
+    box-shadow: 0px 20px 20px -20px rgb($body-background-color, 0.3);
+  }
+  @media (prefers-color-scheme: light) {
+    box-shadow: 0px 20px 20px -20px rgb($body-text-color, 0.3);
+  }
+  transition: box-shadow ease 500ms;
+}