CSS: modal.header ​

.header — صف العنوان (InstUI Modal.Header).

المُعدِّلان -density-compact و -color-inverse في الأصل modal يعيدان تنسيق هذا العنصر — راجع توثيق modal نفسه لمعلومات حول تلك المُعدِّلات.

الاستخدام ​

css
@import "@pantoken/components/components.css";
@import "@pantoken/components/modal.header.css";

الرموز المستهلكة ​

Tokenنوعقيمة
--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