notice: fix styling for Markdown code boxes #906

This commit is contained in:
Sören Weber 2024-09-06 08:49:40 +02:00
parent 86fa3c70f2
commit 1858bf48a3
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
2 changed files with 16 additions and 14 deletions

View file

@ -313,27 +313,29 @@ Just a box
#### Code with Collapsed Colored Borders
````
```c
// Normal code:
printf( "Hello world\n" )
```
> [!orange]
> ```c
> // With colored border in Markdown syntax
> printf( "Hello world\n" )
> ```
{{%/* notice style="red" title="" */%}}
{{%/* notice style="red" */%}}
```c
// With colored border
// With colored border in Shortcode syntax
printf( "Hello world\n" )
```
{{%/* /notice */%}}
````
```c
// Normal code:
printf( "Hello world\n" )
```
> [!orange]
> ```c
> // With colored border in Markdown syntax
> printf( "Hello world\n" )
> ```
{{% notice style="red" title="" %}}
{{% notice style="red" %}}
```c
// With colored border
// With colored border in Shortcode syntax
printf( "Hello world\n" )
```
{{% /notice %}}

View file

@ -722,11 +722,11 @@ div.box > .box-content {
padding-right: 1rem;
}
/* remove margin if only a single code block is contained in the tab */
#R-body .box-content:has(> div.highlight:only-child){
#R-body .box-content:has(> div.highlight:only-of-type){
padding: 0;
}
/* remove border from a code block if single */
#R-body .box-content > div.highlight:only-child > pre{
#R-body .box-content > div.highlight:only-of-type > pre{
border: 0;
}