الأنماط

الميكسنات والأنماط

Override the `--hub-skeleton-*` design tokens in a single include. Every parameter is OPTIONAL and defaults to `null`: only the parameters you pass are emitted, so the rest keep the component's defaults. Token-based and self-contained (no Bootstrap dependencies).

Theming with hub-skeleton-theme

ميكسن	المعاملات	الوصف
Theming
`hub-skeleton-theme()`	`$bg--hub-skeleton-bg` `$highlight--hub-skeleton-highlight` `$radius--hub-skeleton-radius` `$gap--hub-skeleton-gap` `$animation-duration--hub-skeleton-animation-duration`	One-call theming for `<hub-skeleton>`

متغيّرات CSS

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

Skeleton

Design tokens read by this component. Override them on the host element (or any ancestor) to customize; every default falls back to the ng-hub-ui-ds layer.

المتغيّر	الافتراضي	النوع	الوصف
`--hub-skeleton-bg`	`rgba(148, 163, 184, 0.18)`	color	لون العنصر النائب الأساسي المستخدم لأسطح skeleton المرئية.
`--hub-skeleton-highlight`	`rgba(255, 255, 255, 0.52)`	color	لون التمييز المستخدم بواسطة تدرّج الوميض.
`--hub-skeleton-radius`	`12px`	length	نصف قطر الحد الافتراضي لعقد block و line.
`--hub-skeleton-gap`	`12px`	length	الفجوة الافتراضية المستخدمة بواسطة عقد stack و grid عند عدم تجاوزها بالمُعدِّلات.
`--hub-skeleton-animation-duration`	`1.35s`	transition	مدة دورة حركة الوميض.