feat: add support for spoiler text (#602)

src/content/posts/markdown-extended.md

@@ -81,4 +81,15 @@ This is a note with a custom title.
 
 > [!TIP]
 > The GitHub syntax is also supported.
+```
+
+### Spoiler
+
+You can add spoilers to your text. The text also supports **Markdown** syntax.
+
+The content :spoiler[is hidden **ayyy**]!
+
+```markdown
+The content :spoiler[is hidden **ayyy**]!
+
 ```

src/styles/main.css

@@ -139,3 +139,14 @@
 .collapsed {
     height: var(--collapsedHeight);
 }
+
+.custom-md spoiler {
+  @apply bg-[var(--codeblock-bg)] hover:bg-transparent px-1 py-0.5 overflow-hidden rounded-md transition-all duration-150;
+
+  &:not(:hover) {
+    color: var(--codeblock-bg);
+    * {
+        color: var(--codeblock-bg);
+    }
+  }
+}