@primeuix/styles
Version:
1 lines • 3.98 kB
Source Map (JSON)
{"version":3,"sources":["../../src/paginator/index.ts"],"sourcesContent":["import { css } from '@primeuix/styled';\n\nexport const style = css`\n .p-paginator {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n background: dt('paginator.background');\n color: dt('paginator.color');\n padding: dt('paginator.padding');\n border-radius: dt('paginator.border.radius');\n gap: dt('paginator.gap');\n }\n\n .p-paginator-content {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: dt('paginator.gap');\n }\n\n .p-paginator-content-start {\n margin-inline-end: auto;\n }\n\n .p-paginator-content-end {\n margin-inline-start: auto;\n }\n\n .p-paginator-page,\n .p-paginator-next,\n .p-paginator-last,\n .p-paginator-first,\n .p-paginator-prev {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n user-select: none;\n overflow: hidden;\n position: relative;\n background: dt('paginator.nav.button.background');\n border: 0 none;\n color: dt('paginator.nav.button.color');\n min-width: dt('paginator.nav.button.width');\n height: dt('paginator.nav.button.height');\n transition:\n background dt('paginator.transition.duration'),\n color dt('paginator.transition.duration'),\n outline-color dt('paginator.transition.duration'),\n box-shadow dt('paginator.transition.duration');\n border-radius: dt('paginator.nav.button.border.radius');\n padding: 0;\n margin: 0;\n }\n\n .p-paginator-page:focus-visible,\n .p-paginator-next:focus-visible,\n .p-paginator-last:focus-visible,\n .p-paginator-first:focus-visible,\n .p-paginator-prev:focus-visible {\n box-shadow: dt('paginator.nav.button.focus.ring.shadow');\n outline: dt('paginator.nav.button.focus.ring.width') dt('paginator.nav.button.focus.ring.style') dt('paginator.nav.button.focus.ring.color');\n outline-offset: dt('paginator.nav.button.focus.ring.offset');\n }\n\n .p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,\n .p-paginator-first:not(.p-disabled):hover,\n .p-paginator-prev:not(.p-disabled):hover,\n .p-paginator-next:not(.p-disabled):hover,\n .p-paginator-last:not(.p-disabled):hover {\n background: dt('paginator.nav.button.hover.background');\n color: dt('paginator.nav.button.hover.color');\n }\n\n .p-paginator-page.p-paginator-page-selected {\n background: dt('paginator.nav.button.selected.background');\n color: dt('paginator.nav.button.selected.color');\n }\n\n .p-paginator-current {\n color: dt('paginator.current.page.report.color');\n }\n\n .p-paginator-pages {\n display: flex;\n align-items: center;\n gap: dt('paginator.gap');\n }\n\n .p-paginator-jtp-input .p-inputtext {\n max-width: dt('paginator.jump.to.page.input.max.width');\n }\n\n .p-paginator-first:dir(rtl),\n .p-paginator-prev:dir(rtl),\n .p-paginator-next:dir(rtl),\n .p-paginator-last:dir(rtl) {\n transform: rotate(180deg);\n }\n`;\n"],"mappings":";AAAA,SAAS,WAAW;AAEb,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}