chore: cleanup
This commit is contained in:
parent
9e73dbe4c1
commit
28fe4b21f2
19 changed files with 134 additions and 187 deletions
|
@ -8,7 +8,6 @@
|
|||
|
||||
.avatar-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: var(--spacing-sm);
|
||||
|
|
|
@ -1,4 +1,3 @@
|
|||
.blog-roll-icons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
align-items: center;
|
||||
min-height: 60vh;
|
||||
|
||||
h2 {
|
||||
& h2 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue