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

A Vue.js 2.0 Mobile UI Toolkit

.md-tag{color:#01080f;font-size:28px;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 12px;border-radius:0}.md-tag .shape-fillet{padding:2px 8px;border-radius:4px}.md-tag .shape-quarter{width:56px;height:56px;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:16px 12px 10px 26px}.md-tag .shape-quarter .quarter-wrap-hidden{visibility:hidden}.md-tag .shape-quarter.size-small{width:40px;height:40px}.md-tag .shape-quarter.size-tiny{width:24px;height:24px}.md-tag .shape-coupon{position:relative;padding:0 10px;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:10px;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 8px}.md-tag .shape-coupon.size-small .left-coupon,.md-tag .shape-coupon.size-small .right-coupon{width:8px}.md-tag .shape-coupon.size-tiny{padding:0 5px}.md-tag .shape-coupon.size-tiny .left-coupon,.md-tag .shape-coupon.size-tiny .right-coupon{width:5px}.md-tag .shape-bubble{width:50px;padding:6px 0;border-radius:50%;border-bottom-left-radius:0;box-sizing:border-box}.md-tag .shape-bubble.size-small{width:38px;padding:3px 0}.md-tag .shape-bubble.size-tiny{width:24px;padding:2px 0}.md-tag .size-large{font-size:26px}.md-tag .size-small{font-size:20px}.md-tag .size-tiny{font-size:12px}.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)}