drip-ui/es/drip-css/pagination.css

Lightweight Mobile UI Components built on Vue

.drip-pagination{display:-webkit-box;display:-webkit-flex;display:flex;text-align:center;line-height:.53333rem;font-size:.18667rem}.drip-pagination__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:.53333rem;min-width:.48rem;color:#126ef8;background-color:#fff;box-sizing:border-box;-webkit-user-select:none;user-select:none}.drip-pagination__item:active{background-color:#126ef8;color:#fff;opacity:.8}.drip-pagination__item::after{border-width:1px 0 1px 1px}.drip-pagination__item:last-child::after{border-right-width:1px}.drip-pagination__item--disabled,.drip-pagination__item--disabled:active{background-color:#f8f8f8;color:#666;opacity:.6}.drip-pagination__item--active{color:#fff;background-color:#126ef8}.drip-pagination__next,.drip-pagination__prev{padding:0 .06667rem}.drip-pagination__page{-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.drip-pagination__page-desc{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:.53333rem;color:#666}.drip-pagination--simple .drip-pagination__next::after,.drip-pagination--simple .drip-pagination__prev::after{border-width:1px}