1 line
2.7 KiB
CSS
1 line
2.7 KiB
CSS
.input-number{position:relative;display:flex}.input-number input[type=number]::-webkit-inner-spin-button,.input-number input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number input[type=number]{-moz-appearance:textfield;width:auto;text-align:center}.input-number input{border-radius:0;border-left:1px solid transparent;border-right:1px solid transparent}.input-number .is-down,.input-number .is-up{width:32px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;cursor:pointer;color:#111113;font-size:.875em;text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none;border:1px solid rgba(17,17,19,.1)}.input-number .is-down:hover,.input-number .is-up:hover{border-radius:4px;background-color:rgba(17,17,19,.04)}.input-number .is-up{border-left-color:transparent;border-top-right-radius:4px;border-bottom-right-radius:4px;margin-left:-1px}.input-number .is-down{border-right-color:transparent;border-top-left-radius:4px;border-bottom-left-radius:4px;margin-right:-1px}.input-number .input-number-input input{border-left:1px solid rgba(17,17,19,.1);border-right:1px solid transparent}.input-number .input-number-input input:hover,.input-number input:hover{border:1px solid rgba(17,17,19,.2)}.input-number .input-number-input input:focus,.input-number input:focus{border:1px solid rgba(21,141,247,.5)}.input-number .input-number-input input.is-error,.input-number input.is-error{border:1px solid rgba(238,36,85,.5)}.input-number .input-number-input input.is-error:focus,.input-number input.is-error:focus{border-color:rgba(238,36,85,.75)}.input-number .input-number-input input.is-success,.input-number input.is-success{border:1px solid rgba(32,188,113,.5)}.input-number .input-number-input input.is-success:focus,.input-number input.is-success:focus{border-color:rgba(32,188,113,.75)}.input-number .input-number-input input.is-warning,.input-number input.is-warning{border:1px solid rgba(255,105,81,.5)}.input-number .input-number-input input.is-warning:focus,.input-number input.is-warning:focus{border-color:rgba(255,105,81,.75)}.input-number .input-number-nav{position:relative;width:24px;margin-left:-1px}.input-number .input-number-nav .is-down,.input-number .input-number-nav .is-up{margin:0;position:absolute;cursor:pointer;width:24px;height:50%;line-height:20px;border:none}.input-number .input-number-nav .is-up{border-top-left-radius:0;border-bottom-right-radius:0;top:0;right:0;border-top:1px solid rgba(17,17,19,.1);border-right:1px solid rgba(17,17,19,.1)}.input-number .input-number-nav .is-down{border-top-right-radius:0;border-bottom-right-radius:4px;border-right:1px solid rgba(17,17,19,.1);border-bottom:1px solid rgba(17,17,19,.1);right:0;bottom:0} |