mand-mobile/lib-vw/tag/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-tag{color:#01080f;font-size:3.73333vw;text-align:center;display:inline-block;-webkit-user-select:none}.md-tag .default{background:transparent;color:#198cff;border-color:#198cff}.md-tag .shape-square{border-radius:50%;padding:0 1.6vw;border-radius:0}.md-tag .shape-fillet{padding:2px 1.06667vw;border-radius:0.53333vw}.md-tag .shape-quarter{width:7.46667vw;height:7.46667vw;background:transparent!important;overflow:hidden}.md-tag .shape-quarter,.md-tag .shape-quarter .quarter-content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex}.md-tag .shape-quarter .quarter-content{left:10%;bottom:10%;-webkit-box-flex:1;-webkit-flex:1;flex:1;z-index:2;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.md-tag .shape-quarter .quarter-bg{position:absolute;top:-100%;left:0;width:200%;height:200%;border-radius:50%}.md-tag .shape-quarter .quarter-wrap,.md-tag .shape-quarter .quarter-wrap-hidden{display:inline-block;padding:2.13333vw 1.6vw 1.33333vw 3.46667vw}.md-tag .shape-quarter .quarter-wrap-hidden{visibility:hidden}.md-tag .shape-quarter.size-small{width:5.33333vw;height:5.33333vw}.md-tag .shape-quarter.size-tiny{width:3.2vw;height:3.2vw}.md-tag .shape-coupon{position:relative;padding:0 1.33333vw;background:transparent!important}.md-tag .shape-coupon .coupon-container{padding:2px 0}.md-tag .shape-coupon .left-coupon,.md-tag .shape-coupon .right-coupon{position:absolute;top:0;width:1.33333vw;height:100%}.md-tag .shape-coupon .left-coupon{left:0}.md-tag .shape-coupon .right-coupon{right:0}.md-tag .shape-coupon.size-small{padding:0 1.06667vw}.md-tag .shape-coupon.size-small .left-coupon,.md-tag .shape-coupon.size-small .right-coupon{width:1.06667vw}.md-tag .shape-coupon.size-tiny{padding:0 0.66667vw}.md-tag .shape-coupon.size-tiny .left-coupon,.md-tag .shape-coupon.size-tiny .right-coupon{width:0.66667vw}.md-tag .shape-bubble{width:6.66667vw;padding:0.8vw 0;border-radius:50%;border-bottom-left-radius:0;box-sizing:border-box}.md-tag .shape-bubble.size-small{width:5.06667vw;padding:0.4vw 0}.md-tag .shape-bubble.size-tiny{width:3.2vw;padding:2px 0}.md-tag .size-large{font-size:3.46667vw}.md-tag .size-small{font-size:2.66667vw}.md-tag .size-tiny{font-size:1.6vw}.md-tag .type-fill{color:#fff;background:#198cff}.md-tag .type-ghost{border:1px solid #198cff;background:transparent}.md-tag .font-weight-normal{font-weight:400}.md-tag .font-weight-bold{font-weight:700}.md-tag .font-weight-bolder{font-weight:bolder}.md-tag .md-icon.icon-font{font-size:inherit;-webkit-transform:scale(1.2);transform:scale(1.2)}