feat: black overlay for mobile sidebar

This commit is contained in:
Gabriele Musco 2023-12-04 21:08:10 +00:00
parent 02a6fde910
commit f90a70e8c7
3 changed files with 23 additions and 2 deletions

21
assets/_custom.scss Normal file
View file

@ -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;
}