eggy/public
1
0
Fork 0
Code Issues 7 Pull Requests 1 Releases Wiki Activity

Nuxt Content 3 migration #12

Merged
eggy merged 81 commits from js into master 2022-08-10 18:38:39 -04:00
Conversation 0 Commits 81 Files Changed 169 +18 -8
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fa6807988a - Show all commits

26
components/HamburgerMenu.vue
View File

@ -59,11 +59,14 @@ input.checkbox:checked ~ .drawer,
}
.drawer {
transition: transform var(--trans), opacity var(--trans);
--drawer-bg: white;
--drawer-border-bg: gray;
transition: transform var(--trans), opacity var(--trans), border var(--trans),
background var(--trans);
padding: 1rem;
right: 0;
background: white;
border: 1px solid gray;
background: var(--drawer-bg);
border: 1px solid var(--drawer-border-bg);
display: flex;
flex-direction: column;
align-items: center;
@ -71,6 +74,11 @@ input.checkbox:checked ~ .drawer,
width: 12rem;
}
html.dark .drawer {
--drawer-bg: #222;
--drawer-border-bg: darkslategray;
}
.drawer::before {
content: "";
width: 0;
@ -80,9 +88,10 @@ input.checkbox:checked ~ .drawer,
--tri-size: 0.6rem;
border-left: var(--tri-size) solid transparent;
border-right: var(--tri-size) solid transparent;
border-bottom: var(--tri-size) solid black;
border-bottom: var(--tri-size) solid var(--drawer-border-bg);
right: 0.75rem;
top: calc(-1 * var(--tri-size));
transition: border var(--trans);
}
.drawer::after {
@ -91,12 +100,13 @@ input.checkbox:checked ~ .drawer,
height: 0;
position: absolute;
--tri-size: 0.57rem;
--tri-size: 0.56rem;
border-left: var(--tri-size) solid transparent;
border-right: var(--tri-size) solid transparent;
border-bottom: var(--tri-size) solid white;
right: 0.75rem;
top: calc(-1 * var(--tri-size));
border-bottom: var(--tri-size) solid var(--drawer-bg);
right: 0.8rem;
top: -0.53rem; /*calc(-1 * var(--tri-size));*/
transition: border var(--trans);
}
.drawer li {