mirror of
https://github.com/indentlabs/notebook.git
synced 2025-10-26 11:19:22 +00:00
55 lines
822 B
SCSS
55 lines
822 B
SCSS
.mega-menu {
|
|
display: none;
|
|
left: 0;
|
|
position: absolute;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.hoverable {
|
|
position: static;
|
|
}
|
|
|
|
.hoverable > a:after {
|
|
content: "\25BC";
|
|
font-size: 10px;
|
|
padding-left: 6px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.hoverable:hover .mega-menu {
|
|
display: block;
|
|
}
|
|
|
|
.toggleable > label:after {
|
|
content: "\25BC";
|
|
font-size: 10px;
|
|
padding-left: 6px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.toggle-input {
|
|
display: none;
|
|
}
|
|
.toggle-input:not(checked) ~ .mega-menu {
|
|
display: none;
|
|
}
|
|
|
|
.toggle-input:checked ~ .mega-menu {
|
|
display: block;
|
|
}
|
|
|
|
.toggle-input:checked + label {
|
|
color: white;
|
|
background: #2c5282; /*@apply bg-blue-800 */
|
|
}
|
|
|
|
.toggle-input:checked ~ label:after {
|
|
content: "\25B2";
|
|
font-size: 10px;
|
|
padding-left: 6px;
|
|
position: relative;
|
|
top: -1px;
|
|
} |