nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Reduce code for spoiler styles

Browse source
This commit is contained in:
Lim Chee Aun 2023-08-02 17:40:28 +08:00
parent c91cda1a2c
commit 88accb2a78
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/status.css
View file

@ -395,10 +395,14 @@
align-items: center;
}
.status
.content-container.has-spoiler
.content-container.has-spoiler:not(.show-spoiler)
.spoiler
~ *:not(.media-container, .card),
.status .content-container.has-spoiler .spoiler ~ .card .meta-container {
.status
.content-container.has-spoiler:not(.show-spoiler)
.spoiler
~ .card
.meta-container {
filter: blur(5px) invert(0.5);
image-rendering: crisp-edges;
image-rendering: pixelated;
@ -408,8 +412,17 @@
transform: scale(0.97);
transition: transform 0.1s ease-in-out;
}
.status .content-container.has-spoiler .spoiler ~ .media-container .media > *,
.status .content-container.has-spoiler .spoiler ~ .card > img {
.status
.content-container.has-spoiler:not(.show-spoiler)
.spoiler
~ .media-container
.media
> *,
.status
.content-container.has-spoiler:not(.show-spoiler)
.spoiler
~ .card
> img {
filter: blur(32px);
image-rendering: crisp-edges;
image-rendering: pixelated;
@ -418,7 +431,7 @@
.status .content-container.show-spoiler .spoiler {
border-style: dotted;
}
.status
/* .status
.content-container.show-spoiler
.spoiler
~ *:not(.media-container, .card),
@ -434,7 +447,7 @@
.status .content-container.show-spoiler .spoiler ~ .card > img {
filter: none;
image-rendering: auto;
}
} */
/* .status .content a:not(.mention):not(:has(span)) {
color: inherit;
} */