feat: add code-group title

4 years ago · f727322c4e
parent 1ac7b24507
commit f727322c4e
1 changed files with 15 additions and 0 deletions
--- a/src/client/theme-default/styles/components/vp-code-group.css
+++ b/src/client/theme-default/styles/components/vp-code-group.css
@ -86,3 +86,18 @@
 .vp-code-group div[class*='language-'].active {
  display: block;
 }
+
+.vp-code-group .caption {
+  text-align: center;
+  margin-bottom: 16px;
+}
+.vp-code-group .caption span {
+  border-bottom: 1px solid var(--vp-c-divider);
+  padding: 0.25em 2em 0.5em;
+  display: inline-block;
+  max-width: 100%;
+}
+
+.vp-doc .vp-code-group:has(> .caption) div[class*='language-'] {
+  margin-bottom: 0
+}