kingdot/lib/theme/Pagination.css

A UI Components Library For Vue

.kd-pagination,.kd-pagination .kd-pagination-goto,.kd-pagination .kd-pagination-limits,.kd-pagination .kd-pagination-total,.kd-pagination-btns,.kd-pagination-goto .kd-pagination-input{display:inline-block}.kd-pagination .kd-pagination-btn{margin-right:4px;padding:0 6px;min-width:24px;height:24px;border-radius:2px!important;font-size:12px;line-height:24px}.kd-pagination .kd-pagination-btn-next{margin-right:0}.kd-pagination .kd-pagination-left,.kd-pagination .kd-pagination-right,.kd-pagination .kd-pagination-total{font-size:12px}.kd-pagination .kd-pagination-limits,.kd-pagination .kd-pagination-total{margin-right:16px}.kd-pagination .kd-pagination-goto{margin-left:16px}.kd-pagination .kd-pagination-total{color:#fff}.kd-pagination-limits .kd-pagination-limits-icon{color:#ccc;padding-left:10px;-webkit-transform:scale(.83);-ms-transform:scale(.83);transform:scale(.83)}.kd-pagination-limits .kd-btn{border-radius:2px!important}.kd-btn-active.kd-pagination-btn-active,.kd-pagination-btn-mini.kd-pagination-btn-active{border-color:none;background:0 0;color:#ed3351}.kd-btn-active.kd-pagination-btn-active:before,.kd-pagination-btn-mini.kd-pagination-btn-active:before{width:0}.kd-pagination-btn-mini{margin-right:0!important}.kd-pagination-btns{font-size:12px}.kd-pagination-btns:last-child{margin-right:0}.kd-pagination-goto{font-size:12px;color:#fff}.kd-pagination-goto .kd-pagination-input{position:relative;margin:0 4px;width:40px;height:20px;outline:0;border-radius:2px;border:1px solid #525c77;background:0 0;transition:border .25s ease-in-out,background .25s ease-in-out,box-shadow .25s ease-in-out;color:#fff;text-align:center}.kd-pagination-goto .kd-inner{height:24px!important;line-height:24px!important}