chore: cleanup

This commit is contained in:
Cory Dransfeldt 2024-10-03 16:08:39 -07:00
parent 9e73dbe4c1
commit 28fe4b21f2
No known key found for this signature in database
19 changed files with 134 additions and 187 deletions

View file

@ -8,7 +8,6 @@
.avatar-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: var(--spacing-sm);

View file

@ -1,4 +1,3 @@
.blog-roll-icons {
display: flex;
flex-direction: row;
}

View file

@ -27,19 +27,14 @@
max-width: calc(var(--sizing-3xl) * 4);
height: auto;
aspect-ratio: var(--aspect-ratio-vertical);
transition-property: border-color;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: var(--transition-duration-default);
transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
}
& a:focus img,
& a:focus-within img {
border: 0
}
& a:focus-within img,
& a:hover img,
& a:active img {
border-color: var(--accent-color-hover)
border-color: var(--accent-color-hover);
}
& .book-meta {
@ -97,8 +92,7 @@
}
}
& p.title,
& p.sub-meta {
& p {
margin: 0;
}
}

View file

@ -40,7 +40,7 @@
align-items: center;
min-height: 60vh;
h2 {
& h2 {
margin: 0;
}
}

View file

@ -20,8 +20,8 @@
& img {
border: var(--border-default);
border-radius: var(--border-radius-slight);
height: auto;
width: 100%;
height: auto;
display: block;
margin-top: var(--sizing-base);
}

View file

@ -7,7 +7,7 @@ img + .associated-media,
.banner + .associated-media,
youtube-video + .associated-media {
margin-top: var(--spacing-base);
border-top: var(--border-gray)
border-top: var(--border-gray);
}
.footnotes {

View file

@ -40,7 +40,7 @@ a:active > .watching.hero::after {
& .subheader {
font-size: var(--font-size-sm);
display: inline-flex;
gap: var(--spacing-xs)
gap: var(--spacing-xs);
}
& .header,
@ -61,9 +61,7 @@ a:active > .watching.hero::after {
height: 100%;
border: var(--border-default);
border-radius: var(--border-radius-slight);
transition-property: border-color;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: var(--transition-duration-default);
transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
}
}
@ -84,7 +82,7 @@ a:active > .watching.hero::after {
& a:hover .item::after,
& a:active .item::after {
border-color: var(--accent-color-hover)
border-color: var(--accent-color-hover);
}
& div {
@ -113,14 +111,14 @@ a:active > .watching.hero::after {
font-weight: var(--font-weight-bold);
}
.subheader {
& .subheader {
display: flex;
align-items: center;
gap: var(--spacing-xs);
}
& .rating {
font-size: calc(var(--font-size-sm) * .75);
font-size: calc(var(--font-size-sm) * 0.75);
}
}
}
@ -143,9 +141,7 @@ a:active > .watching.hero::after {
height: 100%;
border: var(--border-default);
border-radius: var(--border-radius-slight);
transition-property: border-color;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: var(--transition-duration-default);
transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
}
}
}