Add spoilter styles

This commit is contained in:
daudix
2024-09-11 15:42:40 +03:00
parent 91911cf4d2
commit 1f613d70ab
4 changed files with 82 additions and 0 deletions

48
sass/_spoiler.scss Normal file
View File

@ -0,0 +1,48 @@
.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-5);
color: transparent;
&:hover,
&:active {
background-color: transparent;
color: inherit;
}
}
}
img.spoiler {
opacity: var(--disabled);
clip-path: inset(0% 0% 0% 0% round var(--rounded-corner));
filter: blur(1rem);
transition: var(--transition-longer);
&:hover,
&:active {
opacity: 1;
clip-path: inset(-1rem -1rem -1rem -1rem round 0);
filter: none;
}
&.solid {
clip-path: none;
filter: brightness(0%);
box-shadow: none;
border-radius: var(--rounded-corner);
&:hover,
&:active {
filter: none;
}
}
}