From bf3f02d4a9f0fab0982c17e056b97d45968ec3dc Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Fri, 24 Jul 2020 18:40:16 +0200
Subject: [PATCH] make rotations consistent

---
 style/shiny/base.css    | 2 ++
 style/shiny/gallery.css | 2 +-
 style/shiny/index.css   | 2 +-
 style/shiny/single.css  | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/style/shiny/base.css b/style/shiny/base.css
index 29badbc..a92136a 100644
--- a/style/shiny/base.css
+++ b/style/shiny/base.css
@@ -15,6 +15,8 @@
         hsl(155deg, 57%, 62%)
       );
   background: var(--gradient) fixed;
+
+  --nsfw-sticker-rotate: 15deg;
 }
 
 header {
diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css
index 1dd9abd..1c8fa0c 100644
--- a/style/shiny/gallery.css
+++ b/style/shiny/gallery.css
@@ -92,7 +92,7 @@ figcaption {
   top: 3px;
   right: 3px;
 
-  transform: rotate(30deg);
+  transform: rotate(var(--nsfw-sticker-rotate));
   mix-blend-mode: multiply;
 }
 
diff --git a/style/shiny/index.css b/style/shiny/index.css
index 6a377cb..3150fb3 100644
--- a/style/shiny/index.css
+++ b/style/shiny/index.css
@@ -36,7 +36,7 @@ header h1::after {
     display: inline-block;
     height: 0.8em;
     width: 0.8em;
-    transform: rotate(15deg);
+    transform: rotate(var(--nsfw-sticker-rotate));
     vertical-align: top;
     opacity: 80%;
     mix-blend-mode: hard-light;
diff --git a/style/shiny/single.css b/style/shiny/single.css
index 1c0b1bd..f55e0d3 100644
--- a/style/shiny/single.css
+++ b/style/shiny/single.css
@@ -95,7 +95,7 @@ body {
 
 .alts .nsfw label::after {
   content: url(../18_plus_white.svg);
-  transform: rotate(15deg);
+  transform: rotate(var(--nsfw-sticker-rotate));
   display: inline-block;
   height: 0.9em; width: 0.9em;
   vertical-align: -0.07em;