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