deer-ui/es/radio/style.css

React.js UI components for PC Web

.deer-ui-radio{font-size:14px;color:rgba(0,0,0,.65);outline:none;display:inline-block;line-height:1;vertical-align:sub;white-space:nowrap}.deer-ui-radio-input{box-sizing:border-box;padding:0;position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;z-index:1}.deer-ui-radio-inner{display:block;width:15px;height:15px;border:1px solid #e8e8e8;border-radius:50%;margin-right:8px;position:relative}.deer-ui-radio-inner,.deer-ui-radio-inner:after{-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}.deer-ui-radio-inner:after{content:" ";position:absolute;width:9px;height:9px;border-radius:50%;background-color:#31c27c;top:3px;left:3px;opacity:0;-webkit-transform:scale(0);transform:scale(0)}.deer-ui-radio-disabled .deer-ui-radio-inner{border-color:#e8e8e8!important;background-color:#f5f5f5!important}.deer-ui-radio-disabled .deer-ui-radio-inner:after{background-color:rgba(0,0,0,.2)}.deer-ui-radio-disabled .deer-ui-radio-input{cursor:not-allowed}.deer-ui-radio-disabled>span{cursor:not-allowed;color:rgba(0,0,0,.2)}.deer-ui-radio-checked .deer-ui-radio-inner{border-color:#31c27c}.deer-ui-radio-checked .deer-ui-radio-inner:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.deer-ui-radio-children{vertical-align:middle}.deer-ui-radio-wrapper{color:rgba(0,0,0,.65);font-size:14px;box-sizing:border-box;margin:0 10px 0 0;padding:0;display:inline-block;position:relative;cursor:pointer;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}