kingdot/lib/theme/Spinner.css

A UI Components Library For Vue

.kd-spinner .kd-input-inner,.kd-spinner-btn{background:#2c314e}.kd-spinner{display:inline-block;position:relative}.kd-spinner:not(.kd-spinner-disabled):hover .kd-input-inner{border:1px solid #5399ff}.kd-spinner-add,.kd-spinner-right-add,.kd-spinner-right-minus{border-left:1px solid #525c77}.kd-spinner-btn{position:absolute;z-index:2;cursor:pointer;color:#525c77;text-align:center;font-size:12px}.kd-spinner-btn:not(.kd-spinner-disabled-btn):hover{color:#5399ff}.kd-spinner-add,.kd-spinner-minus{top:1px}.kd-spinner-add{right:1px}.kd-spinner-minus{left:1px;border-right:1px solid #525c77}.kd-spinner-right-add{right:1px;top:1px;border-bottom:1px solid #525c77}.kd-spinner-right-minus{right:1px;bottom:1px}.kd-spinner-disabled-btn{background:#222a41;cursor:not-allowed}.kd-spinner-disabled-btn.kd-spinner-add{border-left:1px solid #2f374f}.kd-spinner-disabled-btn.kd-spinner-minus{border-right:1px solid #2f374f}.kd-spinner-large{width:160px}.kd-spinner-large .kd-spinner-add,.kd-spinner-large .kd-spinner-minus{width:34px;height:34px;line-height:34px}.kd-spinner-large .kd-spinner-input{width:160px}.kd-spinner-large .kd-spinner-input .kd-input-inner{text-align:center;padding:0 45px}.kd-spinner-large .kd-spinner-right-add,.kd-spinner-large .kd-spinner-right-minus{width:34px;height:17px;line-height:17px}.kd-spinner-large.kd-spinner-right .kd-spinner-input{width:160px}.kd-spinner-large.kd-spinner-right .kd-spinner-input .kd-input-inner{padding:0 44px 0 10px}.kd-spinner-default{width:130px}.kd-spinner-default .kd-spinner-add,.kd-spinner-default .kd-spinner-minus{width:30px;height:30px;line-height:30px}.kd-spinner-default .kd-spinner-input{width:130px}.kd-spinner-default .kd-spinner-input .kd-input-inner{text-align:center;padding:0 39px}.kd-spinner-default .kd-spinner-right-add,.kd-spinner-default .kd-spinner-right-minus{width:30px;height:15px;line-height:15px}.kd-spinner-default.kd-spinner-right .kd-spinner-input{width:130px}.kd-spinner-default.kd-spinner-right .kd-spinner-input .kd-input-inner{padding:0 38px 0 8px}.kd-spinner-small{width:100px}.kd-spinner-small .kd-spinner-add,.kd-spinner-small .kd-spinner-minus{width:26px;height:26px;line-height:26px}.kd-spinner-small .kd-spinner-input{width:100px}.kd-spinner-small .kd-spinner-input .kd-input-inner{text-align:center;padding:0 33px}.kd-spinner-small .kd-spinner-right-add,.kd-spinner-small .kd-spinner-right-minus{width:26px;height:13px;line-height:13px}.kd-spinner-small.kd-spinner-right .kd-spinner-input{width:100px}.kd-spinner-small.kd-spinner-right .kd-spinner-input .kd-input-inner{padding:0 32px 0 6px}.kd-spinner-mini{width:85px}.kd-spinner-mini .kd-spinner-add,.kd-spinner-mini .kd-spinner-minus{width:24px;height:24px;line-height:24px}.kd-spinner-mini .kd-spinner-input{width:85px}.kd-spinner-mini .kd-spinner-input .kd-input-inner{text-align:center;padding:0 29px}.kd-spinner-mini .kd-spinner-right-add,.kd-spinner-mini .kd-spinner-right-minus{width:24px;height:12px;line-height:12px}.kd-spinner-mini.kd-spinner-right .kd-spinner-input{width:85px}.kd-spinner-mini.kd-spinner-right .kd-spinner-input .kd-input-inner{padding:0 28px 0 4px}