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

chore: styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-15 09:50:00 -07:00
parent 39ce5ea05c
commit ea67473957
No known key found for this signature in database
7 changed files with 48 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "22.3.7", "version": "22.3.8",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "22.3.7", "version": "22.3.8",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.5.0", "@cdransf/api-text": "^1.5.0",
@ -1147,9 +1147,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/electron-to-chromium": { "node_modules/electron-to-chromium": {
"version": "1.5.7", "version": "1.5.8",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.7.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.8.tgz",
"integrity": "sha512-6FTNWIWMxMy/ZY6799nBlPtF1DFDQ6VQJ7yyDP27SJNt5lwtQ5ufqVvHylb3fdQefvRcgA3fKcFMJi9OLwBRNw==", "integrity": "sha512-4Nx0gP2tPNBLTrFxBMHpkQbtn2hidPVr/+/FTtcCiBYTucqc70zRyVZiOLj17Ui3wTO7SQ1/N+hkHYzJjBzt6A==",
"dev": true, "dev": true,
"license": "ISC" "license": "ISC"
}, },

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "22.3.7", "version": "22.3.8",
"description": "The source for my personal site. Built using 11ty (and other tools).", "description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module", "type": "module",
"scripts": { "scripts": {

4
src/assets/styles/components/media-grid.css
View file

@ -51,7 +51,7 @@
content: ''; content: '';
top: 0; top: 0;
left: 1px; left: 1px;
box-shadow: inset 0 -85px 60px -65px var(--black); box-shadow: inset 0 -85px 60px -60px var(--black);
width: calc(100% - 2px); width: calc(100% - 2px);
height: calc(100% - 1px); height: calc(100% - 1px);
} }
@ -87,7 +87,7 @@
color: var(--color-lightest); color: var(--color-lightest);
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
line-height: 1.5; line-height: 1.5;
text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px; text-shadow: var(--black) 0px 0px 10px;
} }
& .header { & .header {

2
src/assets/styles/components/modal.css
View file

@ -2,7 +2,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
inset: 0; inset: 0;
background: rgba(0, 0, 0, 0.7); background: #000000b3;
position: fixed; position: fixed;
z-index: 3; z-index: 3;

42
src/assets/styles/components/music-chart.css
View file

@ -12,17 +12,18 @@
& .item { & .item {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center; justify-content: start;
justify-content: space-between; align-items: start;
overflow: hidden;
&:not(:last-of-type) { &:not(:last-of-type) {
margin-bottom: var(--sizing-md); margin-bottom: var(--sizing-md);
} }
& .progress-bar-wrapper { & .progress-bar-wrapper {
margin-top: var(--sizing-sm);
max-width: 40%; max-width: 40%;
margin-left: var(--sizing-lg);
} }
& img { & img {
@ -39,13 +40,13 @@
& .presentation { & .presentation {
justify-content: start; justify-content: start;
gap: var(--sizing-md); gap: var(--sizing-md);
width: calc(55% - var(--sizing-lg));
} }
& .meta { & .meta {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
max-width: 95%;
} }
& .meta-text { & .meta-text {
@ -89,13 +90,8 @@
} }
& .timestamp { & .timestamp {
margin-left: var(--sizing-lg); margin-top: var(--sizing-sm);
text-align: right; margin-left: 0;
white-space: nowrap;
}
& .info {
max-width: calc(75% - var(--sizing-lg));
} }
} }
@ -105,8 +101,7 @@
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
margin-bottom: var(--sizing-base); margin-bottom: var(--sizing-base);
& .item { & .item .meta {
& .meta {
max-width: 80%; max-width: 80%;
& .title { & .title {
@ -119,7 +114,6 @@
} }
} }
} }
}
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
@ -134,6 +128,10 @@
} }
& .item { & .item {
flex-direction: row;
align-items: center;
justify-content: space-between;
& .meta { & .meta {
width: calc(75% - var(--sizing-lg)); width: calc(75% - var(--sizing-lg));
} }
@ -141,6 +139,20 @@
& .meta-text { & .meta-text {
max-width: 85%; max-width: 85%;
} }
& .timestamp {
margin-left: var(--sizing-lg);
text-align: right;
white-space: nowrap;
}
& .info {
max-width: calc(75% - var(--sizing-lg));
}
& .progress-bar-wrapper {
margin-left: var(--sizing-lg);
}
} }
&.grid { &.grid {

4
src/assets/styles/components/progress-bar.css
View file

@ -4,8 +4,8 @@
overflow: hidden; overflow: hidden;
height: var(--sizing-lg); height: var(--sizing-lg);
width: 100%; width: 100%;
}
.progress-bar { & .progress-bar {
background-color: var(--accent-color); background-color: var(--accent-color);
}
} }

4
src/assets/styles/pages/watching.css
View file

@ -4,8 +4,8 @@
border: 0 border: 0
} }
& a:focus .shadow::after, & a:focus .shadow:after,
& a:focus-within .shadow::after { & a:focus-within .shadow:after {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100% height: 100%