CSS: pagination.page
.page — Egy oldalra mutató hivatkozás vagy gomb (InstUI Pagination.Page); az aktuális oldal a(z) [aria-current] elemet hordozza.
Használat
css
@import "@pantoken/components/components.css";
@import "@pantoken/components/pagination.page.css";Módosítók
| Módosító | Leírás |
|---|---|
.-current | Az aktuális oldal; a(z) [aria-current] elemmel azonos stílusozás. |
Állapotok
| Állapot | Leírás |
|---|---|
:state(current) | — |
Felhasznált tokenek
| Token | Típus | Érték |
|---|---|---|
--instui-border-width-md | <length> | 0.125rem |
--instui-color-background-interactive-action-primary-base | <color> | LightDarklight-dark(#1D354F, #EEF4FD) |
--instui-color-background-interactive-action-primary-hover | <color> | LightDarklight-dark(#234465, #ffffff) |
--instui-color-background-muted | <color> | LightDarklight-dark(#F2F4F5, #273540) |
--instui-color-text-interactive-action-primary-base | <color> | LightDarklight-dark(#ffffff, #1D354F) |
--instui-color-text-interactive-navigation-primary-base | <color> | LightDarklight-dark(#2369A4, #7FB4F1) |
--instui-color-text-interactive-navigation-primary-hover | <color> | LightDarklight-dark(#1A5281, #ACCDF7) |
--instui-component-base-button-border-radius | <length> | 0.75rem |
--instui-font-weight-interactive | <integer> | 500 |
--instui-spacing-space-xs | <length> | 0.25rem |
--instui-spacing-space2xs | <length> | 0.125rem |