discourse/plugins/spoiler-alert/assets/stylesheets/discourse_spoiler_alert.scss
David Taylor d88ee33eb6
DEV: Introduce stylelint (#29852)
Stylelint is a css linter: https://stylelint.io/

As part of this change we have added two javascript scripts:

```
pnpm lint:css
pnpm lint:css:fix
```

Look at `.vscode/settings.json.sample` and `.vscode/extensions.json` for
configuration in VSCode.

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2025-01-20 15:27:42 +00:00

55 lines
639 B
SCSS

.spoiled {
cursor: auto;
transform: translateZ(0); // Safari jitter fix
.lightbox .meta {
display: none;
}
svg {
vertical-align: middle;
}
}
.spoiler-blurred {
@include unselectable;
cursor: pointer;
filter: blur(0.5em);
a,
area,
audio,
button,
details,
embed,
iframe,
img.animated,
input,
map,
object,
option,
portal,
select,
textarea,
track,
video,
.lightbox {
pointer-events: none;
}
img {
filter: blur(1em);
}
.discourse-no-touch & {
&:hover,
&:focus {
filter: blur(0.18em);
img {
filter: blur(0.5em);
}
}
}
}