mirror of
https://gitlab.com/lvra/lvra.gitlab.io.git
synced 2025-05-03 20:54:24 +02:00
feat: black overlay for mobile sidebar
This commit is contained in:
parent
02a6fde910
commit
f90a70e8c7
3 changed files with 23 additions and 2 deletions
21
assets/_custom.scss
Normal file
21
assets/_custom.scss
Normal 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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue