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