chore: feed styles

This commit is contained in:
Cory Dransfeldt 2024-01-08 09:10:49 -08:00
parent bd62cd1d2b
commit 655fb077c2
No known key found for this signature in database

View file

@ -163,19 +163,26 @@ html {
h1 { font-size: var(--font-size-3xl) } h1 { font-size: var(--font-size-3xl) }
h2 { font-size: var(--font-size-lg) } h2 { font-size: var(--font-size-lg) }
h4 { font-size: var(--font-size-2xl) } h4 {
font-size: var(--font-size-2xl);
line-height: var(--line-height-2xl);
margin-bottom: .5rem;
}
h4 a {
text-decoration: none;
}
h1, h2, h4 { h1, h2, h4 {
font-weight: 900; font-weight: 900;
} }
h1 { h1 { text-decoration: none }
text-decoration: none; h2 { margin-top: 0 }
h1, h2 {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
h2 { margin: 0 }
a { a {
color: var(--accent-color); color: var(--accent-color);
transition-property: color; transition-property: color;
@ -183,6 +190,12 @@ a {
transition-duration: var(--transition-duration-default); transition-duration: var(--transition-duration-default);
} }
a:hover,
a:focus,
a:active {
color: var(--accent-color-hover);
}
#main { #main {
flex: 1 1 0%; flex: 1 1 0%;
width: 80%; width: 80%;
@ -222,6 +235,12 @@ a {
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
font-weight: 400; font-weight: 400;
line-height: var(--line-height-sm); line-height: var(--line-height-sm);
margin: 0;
}
.itemposttime a {
color: var(--text-color);
text-decoration: none;
} }
.itemcontent { .itemcontent {
@ -244,6 +263,7 @@ a {
transition-property: background-color; transition-property: background-color;
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
align-items: center;
} }
.subbutton:hover, .subbutton:hover,
@ -253,12 +273,19 @@ a {
} }
.subbutton > svg, .subbutton > svg,
.subbutton > svg *,
.subbutton > svg:hover, *,
.subbutton > svg:focus *,
.subbutton > svg:active *,
.subbutton svg:hover, .subbutton svg:hover,
.subbutton svg:active, .subbutton svg:active,
.subbutton svg:focus, .subbutton svg:focus,
.subbutton:hover svg, .subbutton:hover svg,
.subbutton:active svg, .subbutton:active svg,
.subbutton:focus svg { .subbutton:focus svg,
.subbutton:hover > svg *,
.subbutton:active > svg *,
.subbutton:focus > svg * {
fill: var(--color-lightest) !important; fill: var(--color-lightest) !important;
} }