kingdot/lib/theme-default/Spinner.css

A UI Components Library For Vue

.kd-spinner .kd-input-inner,.kd-spinner-btn{background:#fff}.kd-spinner{display:inline-block;position:relative}.kd-spinner:not(.kd-spinner-disabled):hover .kd-input-inner{border:1px solid #557dfc}.kd-spinner-add,.kd-spinner-disabled-btn.kd-spinner-add,.kd-spinner-right-add,.kd-spinner-right-minus{border-left:1px solid #ccc}.kd-spinner-btn{position:absolute;z-index:2;cursor:pointer;color:#ccc;text-align:center;font-size:12px}.kd-spinner-btn:not(.kd-spinner-disabled-btn):hover{color:#557dfc}.kd-spinner-add,.kd-spinner-minus{top:1px}.kd-spinner-add{right:1px}.kd-spinner-minus{left:1px;border-right:1px solid #ccc}.kd-spinner-right-add{right:1px;top:1px;border-bottom:1px solid #ccc}.kd-spinner-right-minus{right:1px;bottom:1px}.kd-spinner-disabled-btn{background:#f2f2f2;cursor:not-allowed}.kd-spinner-disabled-btn.kd-spinner-minus{border-right:1px solid #ccc}.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}