From a5b58386ce158928a6697ab8179c0a7a773e472d Mon Sep 17 00:00:00 2001 From: Vika Date: Sun, 22 Jan 2023 07:26:34 +0300 Subject: Add rainbow hearts on like posts A cute little easter-egg from an old version of my site, now available all year round, because I'm sick of hiding my true self. --- kittybox-rs/templates/assets/style.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'kittybox-rs/templates/assets') diff --git a/kittybox-rs/templates/assets/style.css b/kittybox-rs/templates/assets/style.css index a8ef6e4..b46dbf8 100644 --- a/kittybox-rs/templates/assets/style.css +++ b/kittybox-rs/templates/assets/style.css @@ -199,3 +199,23 @@ article.h-card img.u-photo { margin: 1.25rem; padding: .75rem; } + +/* Rainbow hearts */ +/* TODO make toggleable by splitting into separate CSS file */ +@counter-style rainbow-hearts { + system: cyclic; + symbols: "โค๏ธ" "๐Ÿงก" "๐Ÿ’›" "๐Ÿ’š" "๐Ÿ’™" "๐Ÿ’œ"; +} +body { + counter-reset: like-icons; +} +span.like-icon::before { + counter-increment: like-icons; + content: "" counter(like-icons, rainbow-hearts); +} +span.like-icon-label { + display: none; +} +ul.h-feed { + list-style: none; +} -- cgit 1.4.1