rhi/gallery
1
0
Fork 0
Code Issues 5 Pull requests 1 Releases Wiki Activity

make updated sticker more visible

Browse source
This commit is contained in:
Rhiannon Morris 2020-09-19 22:01:15 +02:00
parent 26ae8e6b58
commit 0a7fad8afe
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
style/shiny/gallery.css
View file

@ -163,10 +163,12 @@ figcaption .title { bottom: -1px; left: -1px; }
.item.nsfw::before, .item[data-updated="true"]::after { .item.nsfw::before, .item[data-updated="true"]::after {
height: var(--size); height: var(--size);
width: var(--size); width: var(--size);
transform: var(--base-transform);
display: inline-block; display: inline-block;
position: absolute; position: absolute;
mix-blend-mode: multiply;
} }
.item.nsfw::before { .item.nsfw::before {
@ -175,16 +177,14 @@ figcaption .title { bottom: -1px; left: -1px; }
content: url(../18_plus_white.svg); content: url(../18_plus_white.svg);
top: calc(1em + 3px); top: calc(1em + 3px);
right: 3px; right: 3px;
mix-blend-mode: multiply;
transform: var(--base-transform);
} }
.item[data-updated="true"]::after { .item[data-updated="true"]::after {
--size: calc(1/4 * var(--image-size)); --size: calc(1/4 * var(--image-size));
--base-transform: rotate(-8deg);
content: url(../sparkles.svg); content: url(../sparkles.svg);
bottom: calc(1em + 3px); bottom: calc(1em + 3px);
right: 3px; right: 3px;
mix-blend-mode: overlay;
} }
footer { footer {
@ -220,7 +220,7 @@ footer {
} }
.item:hover::after { .item:hover::after {
transform: translate(1.5em, 1.5em); transform: translate(1.5em, 1.5em) var(--base-transform);
} }
} }
} }