الأنماط

نسّق كل بكسل عبر 15 متغيّرات CSS. تجاوزها عند :root أو حدّد نطاقها على غلاف.

متغيّرات التنسيق الأساسية لبنية portal وتموضعه

المتغيّر	الافتراضي	النوع	الوصف
`--portal-zindex`	`1050`	number	Z-index الخاص بطبقة تراكب portal
`--portal-padding`	`1rem`	length	الحشو الافتراضي لمحتوى portal
`--portal-margin`	`0.5rem`	length	الهامش حول مربع حوار portal

متغيّرات تتحكم في ألوان portal وحدوده وتأثيراته المرئية

المتغيّر	الافتراضي	النوع	الوصف
`--portal-bg`	`#ffffff`	color	لون خلفية محتوى portal
`--portal-color`	`#212529`	color	لون نص محتوى portal
`--portal-border-color`	`#dee2e6`	color	لون حد portal
`--portal-border-width`	`1px`	border	عرض حد portal
`--portal-border-radius`	`0.375rem`	border	نصف قطر زوايا portal
`--portal-box-shadow`	`0 0.5rem 1rem rgba(0, 0, 0, 0.15)`	shadow	ظل صندوق لارتفاع portal

متغيّرات التنسيق لقسمي رأس وتذييل portal

المتغيّر	الافتراضي	النوع	الوصف
`--portal-header-padding`	`1rem`	length	حشو رأس portal
`--portal-header-border-color`	`#dee2e6`	color	لون حد رأس portal
`--portal-footer-padding`	`1rem`	length	حشو تذييل portal
`--portal-footer-border-color`	`#dee2e6`	color	لون حد تذييل portal

متغيّرات تتحكم في مظهر الخلفية وسلوكها

المتغيّر	الافتراضي	النوع	الوصف
`--portal-backdrop-bg`	`rgba(0, 0, 0, 0.5)`	color	لون خلفية portal الخلفية
`--portal-backdrop-zindex`	`1040`	number	Z-index الخاص بالخلفية (يجب أن يكون أقل من Z-index الخاص بـ portal)