funkydan2 / hugo-kiera

Kiera - A Hugo Theme for writing
https://hugo-kiera.netlify.app
MIT License
71 stars 53 forks source link

Add styling for code highlighted code blocks #34

Closed dannyBies closed 4 years ago

dannyBies commented 4 years ago

Currently, highlighted code blocks do not have the same styling as normal code blocks.

``` public class AVeryLongClassNameWillOveflowTextWithoutShowingAScrollBar : BugInStyleSheet {

} ```

```C# public class AVeryLongClassNameWillOveflowTextWithoutShowingAScrollBar : BugInStyleSheet {

} ```

If you use the above markdown you get the following output: bug Note the missing scrollbar. When you add a highlighted code block the \

 gets wrapped in a div which causes the styling to not apply because it only looks for direct descendants of \
(#container main article > pre )

This fix applies the relevant styling to a highlighted code block. bug-fixed

funkydan2 commented 4 years ago

Thanks!