From 0a7fad8afe0dfc7290902a3de785d1dbbeff1cb5 Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Sat, 19 Sep 2020 22:01:15 +0200 Subject: [PATCH] make updated sticker more visible --- style/shiny/gallery.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css index aa27625..f2291c1 100644 --- a/style/shiny/gallery.css +++ b/style/shiny/gallery.css @@ -163,10 +163,12 @@ figcaption .title { bottom: -1px; left: -1px; } .item.nsfw::before, .item[data-updated="true"]::after { height: var(--size); width: var(--size); + transform: var(--base-transform); display: inline-block; position: absolute; + mix-blend-mode: multiply; } .item.nsfw::before { @@ -175,16 +177,14 @@ figcaption .title { bottom: -1px; left: -1px; } content: url(../18_plus_white.svg); top: calc(1em + 3px); right: 3px; - mix-blend-mode: multiply; - transform: var(--base-transform); } .item[data-updated="true"]::after { --size: calc(1/4 * var(--image-size)); + --base-transform: rotate(-8deg); content: url(../sparkles.svg); bottom: calc(1em + 3px); right: 3px; - mix-blend-mode: overlay; } footer { @@ -220,7 +220,7 @@ footer { } .item:hover::after { - transform: translate(1.5em, 1.5em); + transform: translate(1.5em, 1.5em) var(--base-transform); } } }