49 lines
736 B
SCSS
49 lines
736 B
SCSS
span.spoiler {
|
|
filter: blur(0.25rem);
|
|
transition: var(--transition);
|
|
|
|
&:hover,
|
|
&:active {
|
|
filter: none;
|
|
}
|
|
|
|
&.solid {
|
|
filter: none;
|
|
border-radius: var(--rounded-corner-small);
|
|
background-color: var(--fg-muted-4);
|
|
color: transparent;
|
|
|
|
&:hover,
|
|
&:active {
|
|
background-color: transparent;
|
|
color: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
img.spoiler,
|
|
img[src*="#spoiler"] {
|
|
opacity: var(--disabled);
|
|
clip-path: inset(0% 0% 0% 0% round var(--rounded-corner));
|
|
filter: blur(1rem);
|
|
|
|
&:hover,
|
|
&:active {
|
|
opacity: 1;
|
|
clip-path: inset(-1rem -1rem -1rem -1rem round 0);
|
|
filter: none;
|
|
}
|
|
|
|
&.solid,
|
|
&[src*="#solid"] {
|
|
clip-path: none;
|
|
filter: brightness(0%);
|
|
box-shadow: none;
|
|
|
|
&:hover,
|
|
&:active {
|
|
filter: none;
|
|
}
|
|
}
|
|
}
|