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

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
{"Target":"book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css","MediaType":"text/css","Data":{"Integrity":"sha256-+N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c="}}
{"Target":"book.min.03b60e69a2f7edbfda985d1c9bd408bf127aa22991742996e8059e28d7d16476.css","MediaType":"text/css","Data":{"Integrity":"sha256-A7YOaaL37b/amF0cm9QIvxJ6oimRdCmW6AWeKNfRZHY="}}