mirror of
https://github.com/saicaca/fuwari.git
synced 2026-01-10 14:22:51 +01:00
feat: add support for spoiler text (#602)
Some checks failed
Code quality / quality (push) Failing after 10s
Build and Check / Astro Check for Node.js 22 (push) Failing after 5s
Build and Check / Astro Check for Node.js 23 (push) Failing after 4s
Build and Check / Astro Build for Node.js 22 (push) Failing after 4s
Build and Check / Astro Build for Node.js 23 (push) Failing after 4s
Some checks failed
Code quality / quality (push) Failing after 10s
Build and Check / Astro Check for Node.js 22 (push) Failing after 5s
Build and Check / Astro Check for Node.js 23 (push) Failing after 4s
Build and Check / Astro Build for Node.js 22 (push) Failing after 4s
Build and Check / Astro Build for Node.js 23 (push) Failing after 4s
This commit is contained in:
@@ -81,4 +81,15 @@ This is a note with a custom title.
|
|||||||
|
|
||||||
> [!TIP]
|
> [!TIP]
|
||||||
> The GitHub syntax is also supported.
|
> 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**]!
|
||||||
|
|
||||||
```
|
```
|
||||||
@@ -139,3 +139,14 @@
|
|||||||
.collapsed {
|
.collapsed {
|
||||||
height: var(--collapsedHeight);
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user