fix: add style for when nested under list item

5 years ago · dc81cc998b
parent 2f33589c40
commit dc81cc998b
1 changed files with 10 additions and 0 deletions
--- a/src/client/theme-default/styles/code.css
+++ b/src/client/theme-default/styles/code.css
@ -22,11 +22,21 @@ div[class*='language-'] {
  background-color: var(--code-bg-color);
 }

+li > div[class*='language-'] {
+  border-radius: 6px 0 0 6px;
+  margin: 1rem -1.5rem 1rem -1.25rem;
+}
+
@media (min-width: 420px) {
  div[class*='language-'] {
    margin: 1rem 0;
    border-radius: 6px;
  }
+
+  li > div[class*='language-'] {
+    margin: 1rem 0 1rem 0rem;
+    border-radius: 6px;
+  }
 }

 [class*='language-'] pre,