deer-ui/es/checkbox/style.css

React.js UI components for PC Web

.deer-ui-checkbox-wrapper{cursor:pointer;padding:0 10px}.deer-ui-checkbox-wrapper-content{position:relative}.deer-ui-checkbox-wrapper-content .deer-ui-checkbox-checkbox{position:absolute;top:0;left:0;opacity:0}.deer-ui-checkbox-wrapper-content .deer-ui-checkbox-inner{display:inline-block;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;left:0;top:2px;border-radius:4px;width:16px;height:16px;background:#fff;border:1px solid #e8e8e8;margin-right:10px}.deer-ui-checkbox-wrapper-content .deer-ui-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);position:absolute;left:4px;top:1px;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:" ";-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6);transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.deer-ui-checkbox-wrapper-content-checked .deer-ui-checkbox-inner{border-color:#31c27c;background-color:#31c27c}.deer-ui-checkbox-wrapper-content-checked .deer-ui-checkbox-inner:after{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}.deer-ui-checkbox-wrapper-content-indeterminate .deer-ui-checkbox-inner{border-color:#31c27c}.deer-ui-checkbox-wrapper-content-indeterminate .deer-ui-checkbox-inner:after{width:0;-webkit-transform:rotate(90deg) scale(1) translate(1px,-2px);transform:rotate(90deg) scale(1) translate(1px,-2px)}.deer-ui-checkbox-wrapper-disabled{cursor:not-allowed}.deer-ui-checkbox-wrapper-disabled .deer-ui-checkbox-wrapper-content-checked .deer-ui-checkbox-inner{background-color:#fff!important}.deer-ui-checkbox-wrapper-disabled .deer-ui-checkbox-wrapper-content-checked .deer-ui-checkbox-inner:after{border-color:#e8e8e8}.deer-ui-checkbox-wrapper-disabled .deer-ui-checkbox-inner{border-color:#e8e8e8!important;background-color:#fff!important}.checkboxGroup{display:-webkit-box;display:-ms-flexbox;display:flex}