n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix tag page styling

Browse Source
This commit is contained in:
N-Upchurch 2023-08-29 15:32:15 -05:00
parent ffbe6918f8
commit 9d599f9bd4
2 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/index.css
View File

@ -522,10 +522,13 @@ h2 + .header-anchor {
.post-metadata time, time.postlist-date { .post-metadata time, time.postlist-date {
font-size: var(--font-s); font-size: var(--font-s);
} }
.post-tag, a.post-tag, .taglist li a { .post-tag, a.post-tag {
font-size: var(--font-xs); font-size: var(--font-xs);
} }
.taglist { .taglist {
flex-flow: column nowrap; flex-flow: column nowrap;
} }
.taglist li a {
font-size: var(--font-n);
}
} }

22
public/css/links.css
View File

@ -26,37 +26,37 @@ ul.socialLinks {
align-items: center; align-items: center;
} }
.socialLinks li { .socialLinks a {
background-color: var(--nav-pill-background-color-inactive); background-color: var(--text-color);
color: var(--nav-pill-text-color); border-radius: var(--corner-radius);
border-radius: var(--pill-radius);
padding: .5em; padding: .5em;
margin-bottom: 1em; margin-bottom: 1em;
list-style-type: none; list-style-type: none;
transition: all var(--transition-time); transition: var(--transition-normal);
width: 20em; width: 20em;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-decoration: none;
} }
.socialLinks li:hover { .socialLinks a:hover {
background-color: var(--contrast-color); background-color: var(--contrast-color);
transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);
} }
.socialLinks a {
text-decoration: none;
}
.socialLinks a img { .socialLinks a img {
max-width: 1em; max-width: 1em;
margin-right: .5em; margin-right: .5em;
} }
.socialLinks a li {
color: var(--background-color);
}
@media(max-width: 556px) { @media(max-width: 556px) {
.socialLinks li { .socialLinks a {
width: 90vw; width: 90vw;
height: 3rem; height: 3rem;
display: flex; display: flex;