CSS: table.row-header ​

th[scope="row"] — Une cellule d'en-tête de ligne (InstUI Table.RowHeader); stylisée à partir des tokens d'en-tête de ligne, pas de ceux d'en-tête de colonne.

Le modificateur -layout-stacked du parent table positionne ce membre comme un bloc et l'étiquette via ::before — voir la documentation de table pour ce modificateur.

Utilisation ​

css
@import "@pantoken/components/components.css";
@import "@pantoken/components/table.row-header.css";

Pseudo-éléments ​

Pseudo-élémentDescription
::before—

Jetons consommés ​

TokenTypeValeur
--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