mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 803 B
CSS
.md-check-base-box{position:relative;display:inline-block;text-align:center;color:#61686f;font-size:32px;padding:12px 20px;border:1px solid #c1c8cf;border-radius:16px;box-sizing:border-box;background-color:#fff;overflow:hidden}.md-check-base-box.is-checked{color:#198cff;border-color:#198cff;background-color:rgba(25,140,255,.06);font-weight:700}.md-check-base-box.is-checked.is-disabled{color:#198cff;border-color:#198cff;opacity:.6}.md-check-base-box.is-disabled{color:#c1c8cf;border-color:#c1c8cf;background-color:rgba(0,0,0,.04)}.md-check-base-box .md-tag{position:absolute;top:0;right:0}.md-check-base-box .md-tag .quarter-bg{background-color:#198cff}.md-check-base-box.lt .md-tag{left:0}.md-check-base-box.lt .md-tag .quarter-content{left:-10%}.md-check-base-box.lt .md-tag .quarter-bg{left:-100%}