feat($theme-default): markdown details custom block (close vuejs#768)

meteorlxy · meteorlxy · commit 396da81247a0 · 2019-11-28T19:06:27.000+08:00
diff --git a/packages/@vuepress/theme-default/index.js b/packages/@vuepress/theme-default/index.js
@@ -48,6 +48,11 @@ module.exports = (options, ctx) => {
           '/zh/': '警告'
         }
       }],
+      ['container', {
+        type: 'details',
+        before: info => `<details class="custom-block details">${info ? `<summary>${info}</summary>` : ''}\n`,
+        after: () => '</details>\n'
+      }],
       ['smooth-scroll', enableSmoothScroll]
     ]
   }
diff --git a/packages/@vuepress/theme-default/styles/custom-blocks.styl b/packages/@vuepress/theme-default/styles/custom-blocks.styl
@@ -26,5 +26,19 @@
       color darken(red, 40%)
     a
       color $textColor
-
-
+  &.details
+    display block
+    position relative
+    border-radius 2px
+    margin 1.6em 0
+    padding 1.6em
+    background-color #eee
+    h4
+      margin-top 0
+    figure, p
+      &:last-child
+        margin-bottom 0
+        padding-bottom 0
+    summary
+      outline none
+      cursor pointer

Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,11 @@ module.exports = (options, ctx) => {`
`48`	`48`	`'/zh/': '警告'`
`49`	`49`	`}`
`50`	`50`	`}],`
	`51`	`+ ['container', {`
	`52`	`+ type: 'details',`
	`53`	+ before: info => `<details class="custom-block details">${info ? `<summary>${info}</summary>` : ''}\n`,
	`54`	`+ after: () => '</details>\n'`
	`55`	`+ }],`
`51`	`56`	`['smooth-scroll', enableSmoothScroll]`
`52`	`57`	`]`
`53`	`58`	`}`