deer-ui/es/input/style.css

React.js UI components for PC Web

.text-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deer-ui-input{font-variant:tabular-nums;box-sizing:border-box;margin:0;list-style:none;position:relative;display:inline-block;padding:10px;width:100%;height:40px;font-size:14px;line-height:1.5;color:rgba(0,0,0,.65);background-color:#fff;background-image:none;border:1px solid #e8e8e8;border-radius:4px;-webkit-transition:all .5s;transition:all .5s;outline:none}.deer-ui-input:active,.deer-ui-input:focus,.deer-ui-input:hover{border-color:#31c27c;outline:none;box-shadow:0 0 0 2px rgba(49,194,124,.2)}.deer-ui-input-disabled{cursor:not-allowed;color:rgba(0,0,0,.2);background-color:#f5f5f5}.deer-ui-input-disabled:active,.deer-ui-input-disabled:focus,.deer-ui-input-disabled:hover{border-color:#e8e8e8;outline:none;box-shadow:none}.deer-ui-input-small{height:30px}.deer-ui-input-large{height:50px}.deer-ui-input-wrapper{position:relative}.deer-ui-input-wrapper.deer-ui-input-has-prefix .deer-ui-input{padding-left:30px}.deer-ui-input-wrapper.deer-ui-input-has-suffix .deer-ui-input{padding-right:30px}.deer-ui-input-prefix,.deer-ui-input-suffix{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.deer-ui-input-prefix,.deer-ui-input-prefix svg,.deer-ui-input-suffix,.deer-ui-input-suffix svg{color:rgba(0,0,0,.2);font-size:14px}.deer-ui-input-prefix{left:10px}.deer-ui-input-suffix{right:10px}.deer-ui-input-password-suffix svg{color:rgba(0,0,0,.65)}