Merge pull request #271 from franklinqin0/develop

set defaultTitle always to empty string & make tip, warning, danger vertically centered

Author: reco_luan

packages/vuepress-theme-reco/index.js

@@ -57,24 +57,21 @@ module.exports = (options, ctx) => ({
     'vuepress-plugin-smooth-scroll',
     ['container', {
       type: 'tip',
-      defaultTitle: {
-        '/': '',
-        '/zh/': '提示'
-      }
+      before: info => `<div class="custom-block tip"><p class="title">${info}</p>`,
+      after: '</div>',
+      defaultTitle: ''
     }],
     ['container', {
       type: 'warning',
-      defaultTitle: {
-        '/': '',
-        '/zh/': '注意'
-      }
+      before: info => `<div class="custom-block warning"><p class="title">${info}</p>`,
+      after: '</div>',
+      defaultTitle: ''
     }],
     ['container', {
       type: 'danger',
-      defaultTitle: {
-        '/': '',
-        '/zh/': '警告'
-      }
+      before: info => `<div class="custom-block danger"><p class="title">${info}</p>`,
+      after: '</div>',
+      defaultTitle: ''
     }],
     ['container', {
       type: 'right',
@@ -83,7 +80,8 @@ module.exports = (options, ctx) => ({
     ['container', {
       type: 'theorem',
       before: info => `<div class="custom-block theorem"><p class="title">${info}</p>`,
-      after: '</div>'
+      after: '</div>',
+      defaultTitle: ''
     }],
     ['container', {
       type: 'details',

packages/vuepress-theme-reco/styles/custom-blocks.styl

@@ -10,17 +10,17 @@
   &.tip
     background-color var(--code-color)
     border-color #67cc86
-    .custom-block-title
+    .title
       color #67cc86
   &.warning
     background-color var(--code-color)
     border-color #fb9b5f
-    .custom-block-title
+    .title
       color #fb9b5f
   &.danger
     background-color var(--code-color)
     border-color #f26d6d
-    .custom-block-title
+    .title
       color #f26d6d
   &.right
     color transparentify($textColor, 0.4)