CSS: table.row-header
th[scope="row"] — Egy sorfejléc-cella (InstUI Table.RowHeader); a sorfejléc tokenek alapján formázva, nem az oszlopfejléc tokenek alapján.
A szülő table -layout-stacked módosítója blokként egymásra halmozza ezt a tagot, és a(z) ::before segítségével felcímkézi — lásd a(z) table saját dokumentációját erről a módosítóról.
Használat
css
@import "@pantoken/components/components.css";
@import "@pantoken/components/table.row-header.css";Pszeudoelemek
| Pszeudoelem | Leírás |
|---|---|
::before | — |
Felhasznált tokenek
| Token | Típus | Érték |
|---|---|---|
--instui-component-table-col-header-color | <color> | LightDarklight-dark(#273540, #F2F4F5) |
--instui-component-table-head-font-weight | <integer> | 600 |
--instui-component-table-row-header-background | <color> | LightDarklight-dark(#ffffff, #10141A) |
--instui-component-table-row-header-color | <color> | LightDarklight-dark(#273540, #F2F4F5) |
--instui-component-table-row-header-font-weight | <integer> | 400 |
--instui-component-table-row-header-line-height | <percentage> | 125% |
--instui-component-table-row-header-padding-horizontal | <length> | 0.75rem |
--instui-component-table-row-header-padding-vertical | <length> | 0.5rem |