@primer/react
Version:
An implementation of GitHub's Primer Design System using React
2 lines • 4.06 kB
CSS
.prc-Pagination-Page-yoEQf{background-color:transparent;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;display:inline-block;font-style:normal;height:32px;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}@supports (clip-path:polygon(50% 0,100% 50%,50% 100%)){.prc-Pagination-Page-yoEQf[rel=next]:after,.prc-Pagination-Page-yoEQf[rel=prev]:before{background-color:currentColor;content:"";display:inline-block;height:16px;vertical-align:text-bottom;width:16px}.prc-Pagination-Page-yoEQf[rel=prev]:before{clip-path:polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px);margin-right:var(--base-size-4,.25rem)}.prc-Pagination-Page-yoEQf[rel=next]:after{clip-path:polygon(6.2px 3.2px,7.3px 3.2px,11.5px 7.5px,11.5px 8.5px,7.3px 12.8px,6.2px 11.7px,9.9px 8px,6.2px 4.3px,6.2px 3.2px);margin-left:var(--base-size-4,.25rem)}}.prc-Pagination-Page-yoEQf:last-child{margin-right:0}.prc-Pagination-Page-yoEQf:focus,.prc-Pagination-Page-yoEQf: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-yoEQf:focus-visible{outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-Pagination-Page-yoEQf:active{border-color:var(--borderColor-muted,var(--color-border-muted))}.prc-Pagination-Page-yoEQf[rel=next],.prc-Pagination-Page-yoEQf[rel=prev]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-Pagination-Page-yoEQf[aria-current],.prc-Pagination-Page-yoEQf[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-yoEQf[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-yoEQf[aria-hidden],.prc-Pagination-Page-yoEQf[aria-hidden]:hover,.prc-Pagination-Page-yoEQf[role=presentation],.prc-Pagination-Page-yoEQf[role=presentation]:hover{background-color:transparent;color:var(--fgColor-disabled,var(--color-primer-fg-disabled));cursor:default}.prc-Pagination-PaginationContainer-yNDPO{margin-bottom:15px;margin-top:20px;text-align:center}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media screen and (min-width:48rem){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media screen and (min-width:87.5rem){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}
/*# sourceMappingURL=Pagination-e98833e8.css.map */