rpg-dices/js/libs/sidebar/sidebar.css

41 lines
634 B
CSS
Raw Permalink Normal View History

2024-05-03 19:45:07 +02:00
/* sidebar */
#sidebar {
position: fixed;
top: 0;
left: 0;
height: 100%;
transition: 0.4s;
overflow: hidden;
z-index: 10;
}
.sidebar-toggle {
cursor: pointer;
font-size: 2em;
padding: 5px;
}
#sidebar-toggle {
position: fixed;
top: 0;
z-index: 1;
}
#sidebar-toggle-input {
display: none;
}
#sidebar-toggle-input:not(:checked) ~ #sidebar {
width: 0px;
}
#sidebar-toggle-input:checked ~ #sidebar {
width: 250px;
}
@media screen and (max-width: 767px) {
#sidebar-toggle-input:checked ~ #sidebar {
width: 100%;
}
}