cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: deps + css nesting

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-29 09:06:04 -07:00
parent 846f5be461
commit 0693b01c6e
No known key found for this signature in database
2 changed files with 42 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

64
src/assets/styles/components/menu.css
View file

@ -29,45 +29,49 @@ theme-toggle {
.menu-button-container {
display: none;
& .menu-open,
& .menu-closed {
cursor: pointer;
}
& svg {
transform: rotate(0deg);
transition-property: transform;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: var(--transition-duration-default);
}
& svg:hover,
& svg:active,
& svg:focus {
stroke: var(--accent-color-hover);
transform: rotate(8deg);
}
}
#menu-toggle {
display: none;
}
.menu-button-container .menu-open,
.menu-button-container .menu-closed {
cursor: pointer;
#menu-toggle:checked + .menu-button-container {
& .menu-closed {
display: none;
}
& .menu-open {
display: block;
}
}
.menu-button-container svg {
transform: rotate(0deg);
transition-property: transform;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: var(--transition-duration-default);
}
#menu-toggle:not(:checked) + .menu-button-container {
& .menu-closed {
display: block;
}
.menu-button-container svg:hover,
.menu-button-container svg:active,
.menu-button-container svg:focus {
stroke: var(--accent-color-hover);
transform: rotate(8deg);
}
#menu-toggle:checked + .menu-button-container .menu-closed {
display: none;
}
#menu-toggle:checked + .menu-button-container .menu-open {
display: block;
}
#menu-toggle:not(:checked) + .menu-button-container .menu-closed {
display: block;
}
#menu-toggle:not(:checked) + .menu-button-container .menu-open {
display: none;
& .menu-open {
display: none;
}
}
@media (max-width: 768px) {