PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2025-01-31 19:36:44 +01:00
Code Issues Projects Releases Packages Wiki Activity

Use variable cascade to apply tag category color rules

Browse source
This commit is contained in:
Liam 2025-01-11 12:45:05 -05:00
parent db46e2c314
commit caa46452d0
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/css/views/tags.css
View file

@ -49,6 +49,9 @@
/* Tags */ /* Tags */
.tag { .tag {
--tag-background: var(--tag-normal-background);
--tag-border: var(--tag-normal-border);
--tag-color: var(--tag-normal-color);
border: 1px solid; border: 1px solid;
display: inline-table; display: inline-table;
align-items: center; align-items: center;
@ -56,9 +59,9 @@
font-weight: bold; font-weight: bold;
margin-bottom: 5px; margin-bottom: 5px;
margin-right: 5px; margin-right: 5px;
background: var(--tag-normal-background); background: var(--tag-background);
border-color: var(--tag-normal-border); border-color: var(--tag-border);
color: var(--tag-normal-color); color: var(--tag-color);
} }
.tag > span { .tag > span {
@ -76,7 +79,7 @@
} }
.tag__count { .tag__count {
background-color: var(--tag-normal-border); background-color: var(--tag-border);
color: var(--foreground-color); color: var(--foreground-color);
font-weight: normal; font-weight: normal;
} }
@ -92,13 +95,9 @@
@define-mixin tag-category $cat { @define-mixin tag-category $cat {
.tag[data-tag-category="$(cat)"] { .tag[data-tag-category="$(cat)"] {
background: var(--tag-category-$(cat)-background); --tag-background: var(--tag-category-$(cat)-background);
border-color: var(--tag-category-$(cat)-border); --tag-border: var(--tag-category-$(cat)-border);
color: var(--tag-category-$(cat)-color); --tag-color: var(--tag-category-$(cat)-color);
}
.tag[data-tag-category="$(cat)"] .tag__count {
background: var(--tag-category-$(cat)-border);
} }
} }