Fix style for frctl/fractal#477

Styling Resource https://github.com/sindresorhus/github-markdown-css/blob/gh-pages/github-markdown.css#L687-L738
k-utsumi · Mar 12, 2020 · 459b337 · 459b337
1 parent 3edccab
commit 459b337
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/assets/scss/components/_prose.scss b/assets/scss/components/_prose.scss
@@ -4,7 +4,7 @@
     font-feature-settings: "liga", "dlig", "kern", "onum";
     hanging-punctuation: first;
 
-    > *:not(:last-child) {
+    > *:not(pre):not(:last-child) {
         margin-bottom: 0.75em;
     }
 
@@ -68,24 +68,25 @@
         opacity: 0.75;
     }
 
-    code,
-    code pre {
+    code {
+        padding: 0.125rem;
         background-color: rgba($color-text, 0.075);
     }
 
-    img {
-        max-width: 100%;
-    }
-
-    p code,
-    li code {
-        padding: 0.125rem;
+    pre > code {
+        padding: 0;
+        background: 0;
     }
 
-    code pre {
+    pre {
         padding: 0.125rem 0.5rem;
         margin: 1rem -0.5rem;
         overflow: auto;
+        background-color: rgba($color-text, 0.075);
+    }
+
+    img {
+        max-width: 100%;
     }
 
     table {