feat: black overlay for mobile sidebar

2023-12-04 21:08:10 +00:00
parent 02a6fde910
commit f90a70e8c7
3 changed files with 23 additions and 2 deletions
--- a/assets/_custom.scss
+++ b/assets/_custom.scss
@@ -0,0 +1,21 @@
+main {
+    min-height: 100vh;
+}
+
+.book-menu-overlay {
+    display: block !important;
+    background-color: black;
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
+}
+
+#menu-control:checked ~ main .book-menu-overlay {
+    opacity: .3;
+    visibility: visible;
+    transition: opacity 0.2s ease-in-out;
+}
+
+#menu-control:checked ~ main .book-page {
+    opacity: 1;
+}