Skip to content

CSS: table.cell

td — Een datacel (InstUI Table.Cell).

De -layout-stacked-modifier van de bovenliggende table stapelt dit lid als een blok en labelt het via ::before — zie de documentatie van table voor die modifier.

Gebruik

css
@import "@pantoken/components/components.css";
@import "@pantoken/components/table.cell.css";

Pseudo-elementen

Pseudo-elementBeschrijving
::before

Gebruikte tokens

TokenTypeWaarde
--instui-component-table-cell-color<color>LightDarklight-dark(#273540, #F2F4F5)
--instui-component-table-cell-line-height<percentage>125%
--instui-component-table-cell-padding-horizontal<length>0.75rem
--instui-component-table-cell-padding-vertical<length>0.5rem
--instui-component-table-col-header-color<color>LightDarklight-dark(#273540, #F2F4F5)
--instui-component-table-head-font-weight<integer>600