Obsidian - snippet to create spoilers on notes

spoiler_obsidian.css

.cm-active[data-task="#"] * {
    display: initial;
}

.cm-active[data-task="#"]>label {
    display: none
}

[data-task="#"]>* {
    display: none;
}

[data-task="#"]>.cm-list-1 {
    display: initial;
    position: relative;
}

[data-task="#"]:not(.cm-active)>.cm-list-1::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(23, 23, 26);
    border-radius: 2px;
}

[data-task="#"]>.cm-list-1:hover::before {
    display: none
}

This code is based on this reddit comment

- [#] test

*** For now, it's not work in callout or other blocks

show.mov