fix(theme): remove margin between code groups and blocks in markdown containers

closes #5099
8 months ago · a28e171604
parent f8d8c0d712
commit a28e171604
1 changed files with 10 additions and 0 deletions
--- a/src/client/theme-default/styles/components/vp-doc.css
+++ b/src/client/theme-default/styles/components/vp-doc.css
@ -235,11 +235,21 @@
  background-color: transparent;
 }

+.vp-doc .custom-block .vp-code-group,
+.vp-doc .custom-block [class*='vp-code-block'] {
+  margin-top: 8px;
+}
+
 .vp-doc .custom-block .vp-code-group .tabs {
  margin: 0;
  border-radius: 8px 8px 0 0;
 }

+.vp-doc .custom-block .vp-code-group div[class*='language-'],
+.vp-doc .custom-block [class*='vp-code-block'] div[class*='language-'] {
+  margin-top: 0 !important;
+}
+
 /**
 * Code
 * -------------------------------------------------------------------------- */