Code in <details /> tags isn't properly formatted.

[dbismut]

🐛 Bug Report

In the code below, the <pre> tag enclosing the prism highlighted code won't receive proper styling.

<details>
  <summary>Collapsible element</summary>
```jsx
console.log("hello")
```
</details>

Suggested solution

smooth-doc/smooth-doc/src/components/Article.js

Line 19 in 2b47cf7

> pre {

The problem in this situation is that <pre> is not a direct children of the <Article>. For lack of a generic solution for all nested code blocks, I think you should try to replace with:

> pre, > summary > pre {
/* ... */
}

[gregberge]

OK, will submit a fix, thanks!