vue3-paginate-z/dist/styles.css

vue3 paginate ts (smooth)

.paginate-container{color:#3f50b5;display:inline-flex;flex-direction:row;gap:8px;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.paginate-container .paginate-section{align-items:baseline;display:inline-flex;gap:8px}.paginate-container .paginate-section.paginate-section-number{margin:0 -2px}.paginate-container .paginate-section.paginate-hide .paginate-more,.paginate-container .paginate-section.paginate-hide.paginate-hide-now{opacity:0}.paginate-container .paginate-more{font-size:1rem;font-weight:700}.paginate-container button{background-color:#fff;border:1px solid #3f50b5;border-radius:8px;color:#3f50b5;cursor:pointer;height:32px;min-width:48px}.paginate-container button:disabled{color:#3f50b5!important;opacity:.4;pointer-events:none}.paginate-container button:hover{border-color:#dae0e5}.paginate-container button.paginate-numbered-active{background-color:#3f50b5;border:none;color:#fff}.pagination-no-page div{align-items:center;display:flex;height:32px;justify-content:center;min-width:32px}.pagination-no-page div.pagination-separator{font-weight:700;min-width:unset}.pagination-no-page .pagination-current{border-radius:4px}