CSS Custom Properties (متغیرها) امکان ایجاد تمها، حالت تاریک و طراحی پویا را بدون JavaScript فراهم میکنند.
اصول استفاده
تعریف با --name در :root و استفاده با var(--name). Scoping در هر سلکتور ممکن است.
- تعریف: --primary: #3b82f6
- استفاده: color: var(--primary)
- Fallback: var(--x, #000)
کاربردهای پیشرفته
Dark Mode با تغییر متغیرها، تمهای داینامیک، انیمیشن متغیرها و محاسبات با calc().
جمعبندی
CSS Custom Properties پایه هر Design System مدرن هستند.
هنوز دیدگاهی ثبت نشده
اولین نفری باشید که نظر میدهد!