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%)
);
background: var(--gradient) fixed;
--nsfw-sticker-rotate: 15deg;
}
header {

View File

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

View File

@ -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;

View File

@ -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;