eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Apply tags styles to any ul.tags, not just in the footer

Browse source
This commit is contained in:
Eryn Wells 2023-05-17 08:36:57 -07:00
parent f2800b0619
commit 273c380fe6
1 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

21
assets/styles/root.css
View file

@ -586,13 +586,14 @@ header > span.series::before {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
footer > .tags { ul.tags {
display: flex; display: flex;
height: min-content;
margin-inline-start: 0; margin-inline-start: 0;
padding-inline-start: 0; padding-inline-start: 0;
} }
footer > .tags > li { ul.tags > li {
background-color: var(--tag-background-color); background-color: var(--tag-background-color);
color: var(--tag-foreground-color); color: var(--tag-foreground-color);
border-radius: 4px; border-radius: 4px;
@ -601,15 +602,15 @@ footer > .tags > li {
letter-spacing: 1px; letter-spacing: 1px;
} }
footer > .tags > li:first-child { ul.tags > li:first-child {
margin-inline-start: 0; margin-inline-start: 0;
} }
footer > .tags > li:hover { ul.tags > li:hover {
background-color: var(--tag-hover-background-color); background-color: var(--tag-hover-background-color);
} }
footer > .tags > li > a { ul.tags > li > a {
color: inherit; color: inherit;
display: block; display: block;
height: 100%; height: 100%;
@ -617,15 +618,15 @@ footer > .tags > li > a {
padding: 0.6rem 1rem; padding: 0.6rem 1rem;
} }
footer > .tags > li > a:hover { ul.tags > li > a:hover {
color: var(--tag-hover-foreground-color); color: var(--tag-hover-foreground-color);
text-decoration: none; text-decoration: none;
} }
footer > .tags > li + li { margin-inline-start: 1rem; } ul.tags > li + li { margin-inline-start: 1rem; }
footer > .tags > li.chevron + li { margin-inline-start: 0 } ul.tags > li.chevron + li { margin-inline-start: 0 }
footer > .tags > .chevron { ul.tags > .chevron {
align-items: center; align-items: center;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
@ -638,7 +639,7 @@ footer > .tags > .chevron {
width: 2rem; width: 2rem;
} }
footer > .tags > .chevron:hover { ul.tags > .chevron:hover {
color: var(--tag-spacer-foreground-color); color: var(--tag-spacer-foreground-color);
background-color: inherit; background-color: inherit;
} }