Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-25 09:18:51 +01:00
Code Issues Projects Releases Packages 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; align-items: center;
} }
.status .status
.content-container.has-spoiler .content-container.has-spoiler:not(.show-spoiler)
.spoiler .spoiler
~ *:not(.media-container, .card), ~ *: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); filter: blur(5px) invert(0.5);
image-rendering: crisp-edges; image-rendering: crisp-edges;
image-rendering: pixelated; image-rendering: pixelated;
@ -408,8 +412,17 @@
transform: scale(0.97); transform: scale(0.97);
transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out;
} }
.status .content-container.has-spoiler .spoiler ~ .media-container .media > *, .status
.status .content-container.has-spoiler .spoiler ~ .card > img { .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); filter: blur(32px);
image-rendering: crisp-edges; image-rendering: crisp-edges;
image-rendering: pixelated; image-rendering: pixelated;
@ -418,7 +431,7 @@
.status .content-container.show-spoiler .spoiler { .status .content-container.show-spoiler .spoiler {
border-style: dotted; border-style: dotted;
} }
.status /* .status
.content-container.show-spoiler .content-container.show-spoiler
.spoiler .spoiler
~ *:not(.media-container, .card), ~ *:not(.media-container, .card),
@ -434,7 +447,7 @@
.status .content-container.show-spoiler .spoiler ~ .card > img { .status .content-container.show-spoiler .spoiler ~ .card > img {
filter: none; filter: none;
image-rendering: auto; image-rendering: auto;
} } */
/* .status .content a:not(.mention):not(:has(span)) { /* .status .content a:not(.mention):not(:has(span)) {
color: inherit; color: inherit;
} */ } */