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.

1 files changed, 20 insertions, 0 deletions

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;
+}