refactor($theme-default): badge component (#1439)

Author: shigma

Diff for: packages/@vuepress/theme-default/global-components/Badge.vue

@@ -14,7 +14,10 @@ export default {
   },
   render (h, { props, slots }) {
     return h('span', {
-      class: ['badge', props.type, props.vertical]
+      class: ['badge', props.type],
+      style: {
+        verticalAlign: props.vertical
+      }
     }, props.text || slots().default)
   }
 }
@@ -29,16 +32,13 @@ export default {
   border-radius 3px
   padding 0 6px
   color white
-  margin-right 5px
   background-color #42b983
-  &.middle
-    vertical-align middle
-  &.top
-    vertical-align top
   &.tip, &.green
     background-color #42b983
   &.error
     background-color #DA5961 //#f66
   &.warning, &.warn, &.yellow
     background-color darken(#ffe564, 35%)
+  & + &
+    margin-left 5px
 </style>