UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

2 lines 3.76 kB
.prc-Pagination-Page-Etgqf{align-items:center;background-color:transparent;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;display:inline-flex;font-style:normal;height:32px;justify-content:center;line-height:1;margin-right:var(--base-size-4,.25rem);min-width:32px;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s cubic-bezier(.3,0,.5,1);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.prc-Pagination-Page-Etgqf[rel=next]>svg,.prc-Pagination-Page-Etgqf[rel=prev]>svg{height:1em;width:1em}.prc-Pagination-Page-Etgqf[rel=prev]>svg{margin-inline-end:var(--base-size-4,.25rem)}.prc-Pagination-Page-Etgqf[rel=next]>svg{margin-inline-start:var(--base-size-4,.25rem)}.prc-Pagination-Page-Etgqf:last-child{margin-right:0}.prc-Pagination-Page-Etgqf:focus,.prc-Pagination-Page-Etgqf:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg));outline:0;-webkit-text-decoration:none;text-decoration:none;transition-duration:.1s}.prc-Pagination-Page-Etgqf:focus-visible{outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-Pagination-Page-Etgqf:active{border-color:var(--borderColor-muted,var(--color-border-muted))}.prc-Pagination-Page-Etgqf[rel=next],.prc-Pagination-Page-Etgqf[rel=prev]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-Pagination-Page-Etgqf[aria-current],.prc-Pagination-Page-Etgqf[aria-current]:hover{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));border-color:transparent;color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-Pagination-Page-Etgqf[aria-current]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-Pagination-Page-Etgqf[aria-hidden],.prc-Pagination-Page-Etgqf[aria-hidden]:hover,.prc-Pagination-Page-Etgqf[role=presentation],.prc-Pagination-Page-Etgqf[role=presentation]:hover{background-color:transparent;color:var(--fgColor-disabled,var(--color-primer-fg-disabled));cursor:default}.prc-Pagination-PaginationContainer-HEhGo{margin-bottom:15px;margin-top:20px;text-align:center}.prc-Pagination-TablePaginationSteps-cAXs3{display:inline-block}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media screen and (min-width:48rem){.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media screen and (min-width:87.5rem){.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-cAXs3[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}} /*# sourceMappingURL=Pagination-16a5b4c6.css.map */