From a5b58386ce158928a6697ab8179c0a7a773e472d Mon Sep 17 00:00:00 2001
From: Vika <vika@fireburn.ru>
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/style.css')

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