chore: deps + css nesting
This commit is contained in:
parent
846f5be461
commit
0693b01c6e
2 changed files with 42 additions and 38 deletions
16
package-lock.json
generated
16
package-lock.json
generated
|
@ -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",
|
||||||
|
|
|
@ -29,45 +29,49 @@ theme-toggle {
|
||||||
|
|
||||||
.menu-button-container {
|
.menu-button-container {
|
||||||
display: none;
|
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 {
|
#menu-toggle {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-button-container .menu-open,
|
#menu-toggle:checked + .menu-button-container {
|
||||||
.menu-button-container .menu-closed {
|
& .menu-closed {
|
||||||
cursor: pointer;
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
& .menu-open {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-button-container svg {
|
#menu-toggle:not(:checked) + .menu-button-container {
|
||||||
transform: rotate(0deg);
|
& .menu-closed {
|
||||||
transition-property: transform;
|
display: block;
|
||||||
transition-timing-function: var(--transition-ease-in-out);
|
}
|
||||||
transition-duration: var(--transition-duration-default);
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-button-container svg:hover,
|
& .menu-open {
|
||||||
.menu-button-container svg:active,
|
display: none;
|
||||||
.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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
|
Reference in a new issue