CSS: modal.header
.header — The title row (InstUI Modal.Header).
The parent modal's -density-compact and -color-inverse modifiers restyle this member — see modal's own doc for those modifiers.
Usage
css
@import "@pantoken/components/components.css";
@import "@pantoken/components/modal.header.css";Tokens consumed
| Token | Type | Value |
|---|---|---|
--instui-component-modal-header-background-color | <color> | LightDarklight-dark(#ffffff, #171B21) |
--instui-component-modal-header-border-color | <color> | LightDarklight-dark(#E8EAEC, #334450) |
--instui-component-modal-header-border-width | <length> | 0.0625rem |
--instui-component-modal-header-inverse-background-color | <color> | LightDarklight-dark(#273540, #1C222B) |
--instui-component-modal-header-inverse-border-color | <color> | #334450 |
--instui-component-modal-header-padding | <length> | 1.5rem |
--instui-component-modal-header-padding-compact | <length> | 0.75rem |