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

make updated sticker more visible

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 {
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);
}
}
}