From 5427b90a939cce54adbf97371be4a1e0dc7d610a Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <jordan@jordanvidrine.com>
Date: Fri, 10 Jan 2025 08:38:17 -0600
Subject: [PATCH] Cards

---
 assets/stylesheets/common/word-card.scss | 28 +++++++-----------------
 assets/stylesheets/desktop/index.scss    |  0
 assets/stylesheets/mobile/card.scss      |  0
 assets/stylesheets/mobile/index.scss     |  3 ---
 assets/stylesheets/mobile/report.scss    |  2 --
 assets/stylesheets/mobile/rewind.scss    |  7 ------
 plugin.rb                                |  2 --
 7 files changed, 8 insertions(+), 34 deletions(-)
 delete mode 100644 assets/stylesheets/desktop/index.scss
 delete mode 100644 assets/stylesheets/mobile/card.scss
 delete mode 100644 assets/stylesheets/mobile/index.scss
 delete mode 100644 assets/stylesheets/mobile/report.scss
 delete mode 100644 assets/stylesheets/mobile/rewind.scss

diff --git a/assets/stylesheets/common/word-card.scss b/assets/stylesheets/common/word-card.scss
index 775b6bf..8d620cf 100644
--- a/assets/stylesheets/common/word-card.scss
+++ b/assets/stylesheets/common/word-card.scss
@@ -40,8 +40,6 @@
   }
   .rewind-card.-back {
     transform: rotateY(180deg);
-    background-color: var(--secondary);
-    border: 1px solid var(--primary-100);
   }
   .rewind-card.-front,
   .rewind-card.-back {
@@ -61,24 +59,14 @@
       ".  .  . " 1fr
       ".  .  br" 1fr
       / 1fr 3fr 1fr;
-    background-image: linear-gradient(
-      45deg,
-      var(--primary-100) 12.5%,
-      var(--primary-200) 12.5%,
-      var(--primary-200) 25%,
-      var(--primary-100) 25%,
-      var(--primary-100) 37.5%,
-      var(--primary-200) 37.5%,
-      var(--primary-200) 50%,
-      var(--primary-100) 50%,
-      var(--primary-100) 62.5%,
-      var(--primary-200) 62.5%,
-      var(--primary-200) 75%,
-      var(--primary-100) 75%,
-      var(--primary-100) 87.5%,
-      var(--primary-200) 87.5%,
-      var(--primary-200)
-    );
+    background: radial-gradient(
+          circle at 4px 4px,
+          var(--primary-200) 1px,
+          var(--secondary) 1px,
+          var(--secondary) 6px
+        )
+        0 0 / 6px 6px,
+      var(--secondary-low);
   }
   .rewind-card__image.tl {
     grid-area: tl;
diff --git a/assets/stylesheets/desktop/index.scss b/assets/stylesheets/desktop/index.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/stylesheets/mobile/card.scss b/assets/stylesheets/mobile/card.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/stylesheets/mobile/index.scss b/assets/stylesheets/mobile/index.scss
deleted file mode 100644
index 9cf8794..0000000
--- a/assets/stylesheets/mobile/index.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import "rewind";
-@import "report";
-@import "card";
diff --git a/assets/stylesheets/mobile/report.scss b/assets/stylesheets/mobile/report.scss
deleted file mode 100644
index d6646f0..0000000
--- a/assets/stylesheets/mobile/report.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-.report-page {
-}
diff --git a/assets/stylesheets/mobile/rewind.scss b/assets/stylesheets/mobile/rewind.scss
deleted file mode 100644
index f905afa..0000000
--- a/assets/stylesheets/mobile/rewind.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.rewind-container {
-  padding: 1em;
-  box-sizing: border-box;
-}
-
-.rewind {
-}
diff --git a/plugin.rb b/plugin.rb
index 84e9ce9..f694d31 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -13,8 +13,6 @@ enabled_site_setting :discourse_rewind_enabled
 register_svg_icon "repeat"
 
 register_asset "stylesheets/common/index.scss"
-register_asset "stylesheets/desktop/index.scss", :desktop
-register_asset "stylesheets/mobile/index.scss", :mobile
 
 module ::DiscourseRewind
   PLUGIN_NAME = "discourse-rewind"