fix: Adds rotation animation for CSS

javalent · Mar 5, 2024 · 7df6249 · 7df6249
1 parent be9195f
commit 7df6249
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/.npmignore b/.npmignore
@@ -1,4 +1,5 @@
 **/*
 !types/**/*
 !index.ts
-!tsconfig.json
+!tsconfig.json
+!dist/**/*
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "fantasy-statblocks",
-    "version": "3.19.3",
+    "version": "4.0.3",
     "description": "Create Fantasy statblocks in Obsidian.md",
     "scripts": {
         "dev": "node ./esbuild.config.mjs",

diff --git a/src/settings/settings.css b/src/settings/settings.css
@@ -217,3 +217,19 @@ details[open].statblock-nested-settings > summary .collapser > .handle {
     box-sizing: border-box;
     animation: rotation 1s ease infinite;
 }
+
+
+@keyframes rotation {
+    0% {
+        transform: scale(1) rotate(-60deg);
+    }
+    20% {
+        transform: /* scale(1.1)  */ rotate(-90deg);
+    }
+    50% {
+        transform: /* scale(0.9)  */ rotate(690deg);
+    }
+    100% {
+        transform: /* scale(1) */ rotate(660deg);
+    }
+}