paulj/hpr_generator
1
0
Fork 0
forked from HPR/hpr_generator
Code Pull Requests Activity

Match arrow icon stroke and fill colors to a tag color

Browse Source
This commit is contained in:
Roan Horning
2025-10-30 22:18:03 -04:00
parent a8dc69d7ad
commit 2a119bd920
1 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public_html/css/hpr.css
View File

@@ -636,7 +636,7 @@ fieldset > table td input[type="radio"] {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.no-css { .no-css {
display: none; display: none !important;
} }
#tags .date { #tags .date {
margin:0; margin:0;
@@ -743,7 +743,7 @@ nav.episodes span {
color: var(--text-primary); color: var(--text-primary);
display: inline-block; display: inline-block;
text-align: center; text-align: center;
border: inset thin var(--text-primary); border: solid thin var(--text-primary);
} }
nav.episodes span:nth-child(-n+2), nav.episodes span:nth-child(-n+2),
nav.episodes span:nth-child(-n+2) a { nav.episodes span:nth-child(-n+2) a {
@@ -764,17 +764,24 @@ nav.episodes span a {
} }
nav.episodes span a:hover { nav.episodes span a:hover {
background-color: var(--link-primary-hover); background-color: var(--link-primary-hover);
color: var(--link-navigation-hover); color: var(--link-secondary-hover);
} }
nav.episodes span a img { nav.episodes svg {
filter: none;
}
nav.episodes img {
margin: 0 0.2rem; margin: 0 0.2rem;
height: 0.85em; height: 0.85em;
max-width: 13px; max-width: 13px;
vertical-align: middle; vertical-align: middle;
} }
nav.episodes span a svg #arrow,
nav.episodes span a svg #bar {
stroke: var(--link-primary);
fill: var(--link-primary);
}
nav.episodes span a:hover svg #arrow,
nav.episodes span a:hover svg #bar {
stroke: var(--link-secondary-hover);
fill: var(--link-secondary-hover);
}
@media (min-width: 600px) { @media (min-width: 600px) {
body > header .bounding-box { body > header .bounding-box {
justify-content: space-between; justify-content: space-between;
@@ -928,4 +935,14 @@ nav.episodes img {
background-color: var(--link-primary-hover); background-color: var(--link-primary-hover);
color: var(--link-navigation-hover); color: var(--link-navigation-hover);
} }
nav.episodes span svg #arrow,
nav.episodes span svg #bar {
stroke: var(--text-primary);
fill: var(--text-primary);
}
nav.episodes span a:hover svg #arrow,
nav.episodes span a:hover svg #bar {
stroke: var(--link-navigation-hover);
fill: var(--link-navigation-hover);
}
} }