make rotations consistent

This commit is contained in:
Rhiannon Morris 2020-07-24 18:40:16 +02:00
parent 846936da08
commit bf3f02d4a9
4 changed files with 5 additions and 3 deletions

View file

@ -15,6 +15,8 @@
hsl(155deg, 57%, 62%) hsl(155deg, 57%, 62%)
); );
background: var(--gradient) fixed; background: var(--gradient) fixed;
--nsfw-sticker-rotate: 15deg;
} }
header { header {

View file

@ -92,7 +92,7 @@ figcaption {
top: 3px; top: 3px;
right: 3px; right: 3px;
transform: rotate(30deg); transform: rotate(var(--nsfw-sticker-rotate));
mix-blend-mode: multiply; mix-blend-mode: multiply;
} }

View file

@ -36,7 +36,7 @@ header h1::after {
display: inline-block; display: inline-block;
height: 0.8em; height: 0.8em;
width: 0.8em; width: 0.8em;
transform: rotate(15deg); transform: rotate(var(--nsfw-sticker-rotate));
vertical-align: top; vertical-align: top;
opacity: 80%; opacity: 80%;
mix-blend-mode: hard-light; mix-blend-mode: hard-light;

View file

@ -95,7 +95,7 @@ body {
.alts .nsfw label::after { .alts .nsfw label::after {
content: url(../18_plus_white.svg); content: url(../18_plus_white.svg);
transform: rotate(15deg); transform: rotate(var(--nsfw-sticker-rotate));
display: inline-block; display: inline-block;
height: 0.9em; width: 0.9em; height: 0.9em; width: 0.9em;
vertical-align: -0.07em; vertical-align: -0.07em;