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

chore: styles + links

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-29 10:05:14 -07:00
parent dd4ff54a98
commit 2c40ef759a
No known key found for this signature in database
5 changed files with 104 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

70
src/assets/styles/pages/music.css
View file

@ -1,70 +0,0 @@
.artist-focus {
& img {
border: 1px solid var(--accent-color);
}
& .artist-display {
display: flex;
flex-direction: column;
gap: var(--sizing-xs);
margin-top: var(--sizing-base);
& .artist-meta {
display: flex;
flex-direction: column;
gap: var(--sizing-xs);
margin-top: var(--sizing-md);
& p {
&.title {
font-size: var(--font-size-xl);
}
&.sub-meta {
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
}
&.title,
&.sub-meta {
margin: 0;
}
&.sub-meta svg {
width: 16px;
height: 16px;
margin-right: var(--sizing-xs);
}
&.favorite {
color: var(--favorite);
}
}
}
}
table th:first-of-type,
table td:first-of-type {
width: calc(var(--sizing-3xl) * 6);
}
}
.artist-focus,
.genre-focus {
border-bottom: 0;
}
@media screen and (min-width: 768px) {
.artist-focus {
& .artist-display {
margin-top: 0;
margin-bottom: var(--sizing-base);
flex-direction: row;
gap: var(--sizing-md);
& .artist-meta {
margin-top: 0;
}
}
}
}