balm-ui/components/pagination/pagination.css

A modular and customizable UI library based on Material Design and Vue 3

.mdc-pagination .material-icons{font-size:18px}.mdc-pagination .mdc-button{height:32px;min-width:32px}.mdc-pagination .mdc-button.mdc-pagination__button--ellipsis{color:rgba(0,0,0,.38);cursor:default}.mdc-pagination .mdc-data-table__pagination-button:not(.mdc-pagination__button--ellipsis){border:1px solid rgba(0,0,0,.87);color:rgba(0,0,0,.87)}.mdc-pagination .mdc-data-table__pagination-button:not(.mdc-pagination__button--ellipsis):hover{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee);color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.mdc-pagination .mdc-data-table__pagination-button:not(.mdc-pagination__button--ellipsis).mdc-pagination__button--active{cursor:default}.mdc-pagination .mdc-data-table__pagination-button:not(.mdc-pagination__button--ellipsis).mdc-pagination__button--active,.mdc-pagination .mdc-data-table__pagination-button:not(.mdc-pagination__button--ellipsis).mdc-pagination__button--active:hover{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.mdc-pagination .mdc-data-table__pagination-button:disabled{border-color:rgba(0,0,0,.38);color:rgba(0,0,0,.38);cursor:not-allowed}.mdc-pagination.mdc-pagination--left{justify-content:flex-start}.mdc-pagination.mdc-pagination--center{justify-content:center}.mdc-pagination.mdc-pagination--right{justify-content:flex-end}.mdc-pagination.mdc-pagination--mini .mdc-data-table__pagination-trailing{justify-content:center;margin:0;width:100%}.mdc-pagination.mdc-pagination--mini .mdc-data-table__pagination-navigation{justify-content:space-between;width:100%}.mdc-pagination.mdc-pagination--mini .mdc-data-table__pagination-total{margin:0}.mdc-pagination.mdc-pagination--mini .mdc-data-table__pagination-prev-button{order:-1}.mdc-data-table__pagination-rows-per-page select{border:1px solid #d9d9d9;height:24px;outline:0;text-indent:4px;transition:all .3s;width:48px}.mdc-data-table__pagination-rows-per-page select:focus,.mdc-data-table__pagination-rows-per-page select:hover{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.mdc-data-table__pagination-jumper{align-items:center;display:inline-flex;margin-left:22px}.mdc-data-table__pagination-jumper .mdc-data-table__pagination-jumper-label{margin-right:12px}.mdc-data-table__pagination-jumper input{border:1px solid #d9d9d9;height:24px;outline:0;text-indent:4px;transition:all .3s;width:48px}.mdc-data-table__pagination-jumper input:focus,.mdc-data-table__pagination-jumper input:hover{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.mdc-data-table__pagination-jumper button{border:1px solid #d9d9d9;height:24px;line-height:22px}