chore: style refinements

This commit is contained in:
Cory Dransfeldt 2024-06-17 19:16:24 -07:00
parent 8ab44b56c4
commit 28321d639e
No known key found for this signature in database
4 changed files with 16 additions and 21 deletions

16
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "coryd.dev",
"version": "19.4.7",
"version": "19.4.8",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
"version": "19.4.7",
"version": "19.4.8",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.4.0",
@ -542,9 +542,9 @@
}
},
"node_modules/@types/phoenix": {
"version": "1.6.4",
"resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.4.tgz",
"integrity": "sha512-B34A7uot1Cv0XtaHRYDATltAdKx0BvVKNgYNqE4WjtPUa4VQJM7kxeXcVKaH+KS+kCmZ+6w+QaUdcljiheiBJA==",
"version": "1.6.5",
"resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.5.tgz",
"integrity": "sha512-xegpDuR+z0UqG9fwHqNoy3rI7JDlvaPh2TY47Fl80oq6g+hXT+c/LEuE43X48clZ6lOfANl5WrPur9fYO1RJ/w==",
"dev": true,
"license": "MIT"
},
@ -1149,9 +1149,9 @@
"license": "MIT"
},
"node_modules/electron-to-chromium": {
"version": "1.4.803",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.803.tgz",
"integrity": "sha512-61H9mLzGOCLLVsnLiRzCbc63uldP0AniRYPV3hbGVtONA1pI7qSGILdbofR7A8TMbOypDocEAjH/e+9k1QIe3g==",
"version": "1.4.804",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.804.tgz",
"integrity": "sha512-gXMMs2m7aUTdZpORQAvMCyH0JHywSpZxjblSc/C81aDr34jh0hmpplTFcM4AYrYALVmiVT/r63oA3tEG1BPVRw==",
"dev": true,
"license": "ISC"
},

View file

@ -1,6 +1,6 @@
{
"name": "coryd.dev",
"version": "19.4.7",
"version": "19.4.8",
"description": "The source for my personal site. Built using 11ty.",
"type": "module",
"scripts": {

View file

@ -107,8 +107,8 @@ blockquote {
}
svg {
width: 24px;
height: 24px;
width: var(--sizing-svg-base);
height: var(--sizing-svg-base);
}
/* links */

View file

@ -6,10 +6,8 @@
gap: var(--sizing-md);
& > li {
overflow: hidden;
margin: 0;
display: flex;
align-items: center;
& .icon > svg,
& .active > svg {
@ -23,12 +21,9 @@
}
}
.menu-button-container {
margin-left: var(--sizing-md)
}
.menu-button-container {
display: none;
margin-left: var(--sizing-md);
& .menu-open,
& .menu-closed {
@ -79,13 +74,15 @@
position: absolute;
top: 0;
left: 0;
gap: 0;
margin-top: calc(var(--sizing-3xl) * 2.25);
flex-direction: column;
width: 100%;
gap: 0;
z-index: 3;
& > li {
overflow: hidden;
align-items: center;
justify-content: center;
margin: 0;
padding: var(--sizing-sm) 0;
@ -107,14 +104,12 @@
#menu-toggle ~ .menu-primary li {
height: 0;
margin: 0;
padding: 0;
border: 0;
}
#menu-toggle:checked ~ .menu-primary li {
border-bottom: 1px solid var(--gray-light);
height:calc(var(--sizing-3xl) * 1.5);
height: calc(var(--sizing-3xl) * 1.5);
&:first-child {
border-top: 1px solid var(--gray-light);