feat: everything is related

This commit is contained in:
Cory Dransfeldt 2024-08-24 22:37:36 -07:00
parent d1e3ab23bb
commit 077c54d5fb
No known key found for this signature in database
20 changed files with 325 additions and 274 deletions

View file

@ -100,6 +100,59 @@ code {
&.search > svg { stroke: var(--search); }
}
p.books {
color: var(--books);
& svg {
stroke: var(--books);
}
}
p.concerts {
color: var(--concerts);
& svg {
stroke: var(--concerts);
}
}
p.favorite {
color: var(--favorite);
& svg {
stroke: var(--favorite);
}
}
p.movies,
p.tv {
color: var(--tv);
& svg {
stroke: var(--tv);
}
}
p.music {
color: var(--music);
& svg {
stroke: var(--music);
}
}
p.tattoo {
color: var(--tattoo);
& svg {
stroke: var(--tattoo);
}
}
p:not(.flex-centered):not(.banner p) > svg {
margin-bottom: var(--inline-margin-bottom);
}
:is(h1, h2, h3, h4, h5, h6) svg {
stroke-width: var(--stroke-width-bold);
}

View file

@ -3,7 +3,7 @@
position: relative;
height: 500px;
overflow: hidden;
margin-bottom: var(--sizing-base);
margin: var(--sizing-base) 0;
& p:first-of-type {
margin-top: 0;

View file

@ -75,6 +75,11 @@
&.sub-meta {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
& svg {
width: var(--sizing-svg-sm);
height: var(--sizing-svg-sm);
}
}
&.title,
@ -112,26 +117,6 @@
p {
margin: var(--sizing-base) 0;
& svg {
margin-bottom: var(--inline-margin-bottom);
}
&.music {
color: var(--music);
& svg {
stroke: var(--music);
}
}
&.movies {
color: var(--tv);
& svg {
stroke: var(--tv);
}
}
}
}

View file

@ -17,34 +17,6 @@
aspect-ratio: var(--aspect-ratio-square);
}
& p.concerts {
color: var(--concerts);
& svg {
stroke: var(--concerts);
}
}
& p.books {
color: var(--books);
& svg {
stroke: var(--books);
}
}
& p.movies {
color: var(--tv);
& svg {
stroke: var(--tv);
}
}
& p > svg {
margin-bottom: var(--inline-margin-bottom);
}
& .artist-display {
display: flex;
flex-direction: column;
@ -69,28 +41,12 @@
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
svg {
& svg {
width: var(--sizing-svg-sm);
height: var(--sizing-svg-sm);
}
}
&.favorite {
color: var(--favorite);
& svg {
stroke: var(--favorite);
}
}
&.tattoo {
color: var(--tattoo);
& svg {
stroke: var(--tattoo);
}
}
& .brain {
outline: 0;

View file

@ -139,26 +139,6 @@
aspect-ratio: var(--aspect-ratio-banner);
}
& p > svg {
margin-bottom: var(--inline-margin-bottom);
}
& p.music {
color: var(--music);
& svg {
stroke: var(--music);
}
}
& p.books {
color: var(--books);
& svg {
stroke: var(--books);
}
}
& .watching-meta {
display: flex;
flex-direction: column;
@ -176,6 +156,11 @@
&.sub-meta {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
& svg {
width: var(--sizing-svg-sm);
height: var(--sizing-svg-sm);
}
}
}
}