perf: reduce rotate-* classes and use style attr instead

1 files changed, 10 insertions, 0 deletions

diff --git a/assets/css/utils/_utility.scss b/assets/css/utils/_utility.scss
index ce11796c..b37cc742 100644
--- a/assets/css/utils/_utility.scss
+++ b/assets/css/utils/_utility.scss
@@ -50,3 +50,13 @@ details.no-mark summary::marker { content: "" }
   content-visibility: auto;
   contain-intrinsic-size: auto 500px;
 }
+
+/* Dynamic rotation for webmention avatars */
+.group:hover img[style*="--rotate-amount"] {
+  transform: rotate(var(--rotate-amount));
+}
+
+/* Dynamic rotation for fiction section items */
+div[style*="--rotation-deg"]:hover {
+  transform: rotate(0deg) scale(1.1) !important;
+}