UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

2 lines 3.54 kB
.prc-Pagination-Page-Etgqf{align-items:center;background-color:transparent;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,#1f2328);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,#818b981a);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,#0969da);outline-offset:-2px}.prc-Pagination-Page-Etgqf:active{border-color:var(--borderColor-muted,#d1d9e0b3)}.prc-Pagination-Page-Etgqf[rel=next],.prc-Pagination-Page-Etgqf[rel=prev]{color:var(--fgColor-accent,#0969da)}.prc-Pagination-Page-Etgqf[aria-current],.prc-Pagination-Page-Etgqf[aria-current]:hover{background-color:var(--bgColor-accent-emphasis,#0969da);border-color:transparent;color:var(--fgColor-onEmphasis,#fff)}.prc-Pagination-Page-Etgqf[aria-current]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,#fff);outline:2px solid var(--bgColor-accent-emphasis,#0969da);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,#818b98);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 */