drip-ui/es/drip-css/checkbox.css

Lightweight Mobile UI Components built on Vue

.drip-checkbox{overflow:hidden;-webkit-user-select:none;user-select:none}.drip-checkbox__icon,.drip-checkbox__label{display:inline-block;vertical-align:middle;line-height:.26667rem}.drip-checkbox__icon .drip-icon{font-size:.16rem;color:transparent;text-align:center;line-height:inherit;border:1px solid #aaa;width:.26667rem;height:.26667rem;box-sizing:border-box}.drip-checkbox__icon--round .drip-icon{border-radius:100%}.drip-checkbox__icon--checked .drip-icon{color:#fff;border-color:#5fa800;background-color:#5fa800}.drip-checkbox__icon--disabled .drip-icon{color:#f8f8f8;border-color:#dadada;background-color:currentColor}.drip-checkbox__icon--disabled.drip-checkbox__icon--checked .drip-icon{border-color:#dadada;background-color:#dadada}.drip-checkbox__label{margin-left:.13333rem}.drip-checkbox__label--left{float:left;margin:0 .13333rem 0 0}