fix: one line codeblock style in firefox

closes https://github.com/CaiJimmy/hugo-theme-stack/issues/564
2025-02-06 11:53:31 +08:00 · 2022-06-12 14:06:08 +00:00 · 2022-06-12 14:06:08 +00:00 · 7b2fda70a4
commit 7b2fda70a4
parent 751d7d1753
3 changed files with 9 additions and 1 deletions
--- a/assets/scss/partials/highlight/dark.scss
+++ b/assets/scss/partials/highlight/dark.scss
@ -47,7 +47,8 @@
 .chroma .lnt {
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
-    color: #7f7f7f
+    color: #7f7f7f;
+    display: block;
 }

 /* LineNumbers */
--- a/assets/scss/partials/highlight/light.scss
+++ b/assets/scss/partials/highlight/light.scss
@ -49,6 +49,7 @@
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #7f7f7f;
+    display: block;
 }

 /* LineNumbers */
--- a/exampleSite/content/post/markdown-syntax/index.md
+++ b/exampleSite/content/post/markdown-syntax/index.md
@ -112,6 +112,12 @@ rev = "11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13"
 + features = ["jpeg", "dynamic"]
 ```

+### One line code block
+
+```html
+<p>A paragraph</p>
+```
+
 ## List Types

 ### Ordered List