chore: deps + css nesting

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

16
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "12.9.11", "version": "13.1.7",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "12.9.11", "version": "13.1.7",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.2.2", "@cdransf/api-text": "^1.2.2",
@ -1746,9 +1746,9 @@
} }
}, },
"node_modules/caniuse-lite": { "node_modules/caniuse-lite": {
"version": "1.0.30001613", "version": "1.0.30001614",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001613.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001614.tgz",
"integrity": "sha512-BNjJULJfOONQERivfxte7alLfeLW4QnwHvNW4wEcLEbXfV6VSCYvr+REbf2Sojv8tC1THpjPXBxWgDbq4NtLWg==", "integrity": "sha512-jmZQ1VpmlRwHgdP1/uiKzgiAuGOfLEJsYFP4+GBou/QQ4U6IOJCB4NP1c+1p9RGLpwObcT94jA5/uO+F1vBbog==",
"dev": true, "dev": true,
"funding": [ "funding": [
{ {
@ -5570,9 +5570,9 @@
} }
}, },
"node_modules/terser": { "node_modules/terser": {
"version": "5.30.4", "version": "5.31.0",
"resolved": "https://registry.npmjs.org/terser/-/terser-5.30.4.tgz", "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.0.tgz",
"integrity": "sha512-xRdd0v64a8mFK9bnsKVdoNP9GQIKUAaJPTaqEQDL4w/J8WaW4sWXXoMZ+6SimPkfT5bElreXf8m9HnmPc3E1BQ==", "integrity": "sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@jridgewell/source-map": "^0.3.3", "@jridgewell/source-map": "^0.3.3",

View file

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