fix(theme-classic): polish admonition details, render title-only admonitions (#8150)

Co-authored-by: sebastienlorber <lorber.sebastien@gmail.com>
This commit is contained in:
Martin Adamko 2022-12-09 20:02:06 +01:00 committed by GitHub
parent 32dc1eddba
commit f3563ca23c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 71 additions and 4 deletions

View file

@ -0,0 +1,61 @@
# Admonitions tests
## Empty content
:::note Title Only
:::
## Empty fragment content
:::note Title Only
<></>
:::
## Large font icon
```mdx-code-block
<admonition
type="tip"
icon={<span style={{fontSize: 60}}>💡</span>}
title="Did you know...">
<p>
content
</p>
</admonition>
<admonition
type="info"
icon={<span style={{fontSize: 40}}></span>}
title="Did you know...">
<p>
content
</p>
</admonition>
```
## Large svg icon
```mdx-code-block
import InfoIcon from "@theme/Admonition/Icon/Info"
<admonition
type="tip"
icon={<InfoIcon style={{width: 60, height: 60}}/>}
title="Did you know...">
<p>
content
</p>
</admonition>
<admonition
type="info"
icon={<InfoIcon style={{width: 40, height: 40}}/>}
title="Did you know...">
<p>
content
</p>
</admonition>
```

View file

@ -82,6 +82,6 @@
padding: 1rem;
}
.browserWindowBody *:last-child {
.browserWindowBody > *:last-child {
margin-bottom: 0;
}