@swrve/core/src/pagination/styles.css

Core set of Swrve UI Components

/**
* Pagination Styles
*/
.sw-pagination {
  @apply .text-center .py-8 .relative;
}

/**
* Pagination Button styles
*/
.sw-pagination-item {
  @apply .bg-cloudWhite .rounded .border .border-porcelain text-regentGrey .leading-none .text-sm .flex .justify-center .items-center;
  height: 2.25rem;
  width: 2.25rem;
}

.sw-pagination-item.prev {
  @apply .mr-4;
  transform: rotate(90deg);
}

.sw-pagination-item.next {
  @apply .ml-4;
  transform: rotate(270deg);
}

.sw-pagination-item:focus {
  @apply .bg-secondary-20 .text-secondary-100;
  outline: none;
}

.sw-pagination-item:hover:not(:disabled) {
  @apply .bg-secondary-20 .text-secondary-100;
}

.sw-pagination-item.active {
  @apply .bg-secondary-100 .text-cloudWhite;
}

.sw-pagination-item.active:hover {
  @apply .bg-secondary-100 .text-cloudWhite;
}

.sw-pagination-item:disabled {
  @apply .opacity-40 .cursor-not-allowed;
}

/**
* Pagination Button with numbers
*/
.sw-page-option {
  margin: 0 0.25rem;
}