aboutsummaryrefslogtreecommitdiff
path: root/node_modules/vuepress/lib/app/components/Badge.vue
diff options
context:
space:
mode:
authorruki <waruqi@gmail.com>2018-11-08 00:38:48 +0800
committerruki <waruqi@gmail.com>2018-11-07 21:53:09 +0800
commit26105034da4fcce7ac883c899d781f016559310d (patch)
treec459a5dc4e3aa0972d9919033ece511ce76dd129 /node_modules/vuepress/lib/app/components/Badge.vue
parent2c77f00f1a7ecb6c8192f9c16d3b2001b254a107 (diff)
downloadxmake-docs-26105034da4fcce7ac883c899d781f016559310d.tar.gz
xmake-docs-26105034da4fcce7ac883c899d781f016559310d.zip
switch to vuepress
Diffstat (limited to 'node_modules/vuepress/lib/app/components/Badge.vue')
-rw-r--r--node_modules/vuepress/lib/app/components/Badge.vue46
1 files changed, 46 insertions, 0 deletions
diff --git a/node_modules/vuepress/lib/app/components/Badge.vue b/node_modules/vuepress/lib/app/components/Badge.vue
new file mode 100644
index 00000000..17e6ba6e
--- /dev/null
+++ b/node_modules/vuepress/lib/app/components/Badge.vue
@@ -0,0 +1,46 @@
+<script>
+export default {
+ functional: true,
+ props: {
+ type: {
+ type: String,
+ default: 'tip'
+ },
+ text: String,
+ vertical: {
+ type: String,
+ default: 'top'
+ }
+ },
+ render (h, { props, slots }) {
+ return h('span', {
+ class: ['badge', props.type, props.vertical]
+ }, props.text || slots().default)
+ }
+}
+</script>
+
+<style lang="stylus" scoped>
+@import '../../default-theme/styles/config.styl'
+
+.badge
+ display inline-block
+ font-size 14px
+ height 18px
+ line-height 18px
+ 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%)
+</style>