diff options
Diffstat (limited to 'assets/css/components/card.css')
| -rw-r--r-- | assets/css/components/card.css | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/assets/css/components/card.css b/assets/css/components/card.css index f86c7bf..6a8cfaf 100644 --- a/assets/css/components/card.css +++ b/assets/css/components/card.css @@ -53,33 +53,33 @@ /* Type-specific badge colors */ .post-type-badge.tech { - background: color-mix(in srgb, var(--color-tech) 15%, transparent); - border: 1px solid color-mix(in srgb, var(--color-tech) 30%, transparent); - color: var(--color-tech); + background: color-mix(in srgb, var(--type-tech) 15%, transparent); + border: 1px solid color-mix(in srgb, var(--type-tech) 30%, transparent); + color: var(--type-tech); } .post-type-badge.life { - background: color-mix(in srgb, var(--color-life) 15%, transparent); - border: 1px solid color-mix(in srgb, var(--color-life) 30%, transparent); - color: var(--color-life); + background: color-mix(in srgb, var(--type-life) 15%, transparent); + border: 1px solid color-mix(in srgb, var(--type-life) 30%, transparent); + color: var(--type-life); } .post-type-badge.quote { - background: color-mix(in srgb, var(--color-quote) 15%, transparent); - border: 1px solid color-mix(in srgb, var(--color-quote) 30%, transparent); - color: var(--color-quote); + background: color-mix(in srgb, var(--type-quote) 15%, transparent); + border: 1px solid color-mix(in srgb, var(--type-quote) 30%, transparent); + color: var(--type-quote); } .post-type-badge.link { - background: color-mix(in srgb, var(--color-link) 15%, transparent); - border: 1px solid color-mix(in srgb, var(--color-link) 30%, transparent); - color: var(--color-link); + background: color-mix(in srgb, var(--type-link) 15%, transparent); + border: 1px solid color-mix(in srgb, var(--type-link) 30%, transparent); + color: var(--type-link); } .post-type-badge.photo { - background: color-mix(in srgb, var(--color-photo) 15%, transparent); - border: 1px solid color-mix(in srgb, var(--color-photo) 30%, transparent); - color: var(--color-photo); + background: color-mix(in srgb, var(--type-photo) 15%, transparent); + border: 1px solid color-mix(in srgb, var(--type-photo) 30%, transparent); + color: var(--type-photo); } .post-card-title { |