ember-assembly/addon/components/asm/ui/pagination.css

A collection of beautiful UI components built by Goods

.ui-pagination {
  border-radius: 3px;
  display: flex;
}

.ui-pagination:focus-within {
  box-shadow: 0 0 0 3px var(--ea-colour-blue-b4a);
  outline: none;
}

.ui-pagination button:focus,
.ui-pagination :global(.ui-select-trigger:focus) {
  box-shadow: none;
}

.ui-pagination .next-btn,
.ui-pagination .prev-btn {
  padding: 0 scale(2);
}

.ui-pagination .next-btn svg,
.ui-pagination .prev-btn svg {
  width: 12px;
}

.ui-pagination .next-btn:hover svg,
.ui-pagination .prev-btn:hover svg {
  fill: var(--ea-colour-blue-base);
}

.ui-pagination .next-btn:disabled svg,
.ui-pagination .prev-btn:disabled svg {
  fill: var(--ea-colour-neutral-n4);
}

.ui-pagination .next-btn:disabled {
  border: 1px solid var(--ea-colour-neutral-n5);
  border-left: 0;
}

.ui-pagination .prev-btn:disabled {
  border: 1px solid var(--ea-colour-neutral-n5);
  border-right: 0;
}

.ui-pagination .next-btn {
  border-radius: 0 3px 3px 0;
  border-left: 0;
}

.ui-pagination .prev-btn {
  border-radius: 3px 0 0 3px;
  border-right: 0;
}

.current-page button {
  border-radius: 0;
  border-left: var(--ea-colour-border-muted);
  border-right: var(--ea-colour-border-muted);
  min-width: scale(12);
  line-height: scale(7);
}

.current-page button:hover {
  color: var(--ea-colour-blue-base);
}