کارت اول
عنوان، لینک و دکمه از رنگ تاکید مشترک استفاده می کنند.
راهنمای تغییر رنگیک سیستم رنگ و اندازه کوچک بسازید
tokens.css را ویرایش کنید و ببینید کدام بخش ها تغییر می کنند. بخش محلی مقدار رنگ خودش را دارد.
مقادیر مشترک صفحه
کارت دوم
فاصله داخلی و گوشه گرد از متغیرهای مشترک می آیند.
رفتن به تمرینبازتعریف در محدوده محلی
رنگ متفاوت فقط در این بخش
کلاس promo متغیر color-accent را محلی بازتعریف می کند. این تغییر به کارت های بیرون آن نشت نمی کند.
بررسی محدوده محلیتمرین مستقل
تنظیمات مخصوص تمرین
فقط در exercise رنگ تاکید را #6b21a8 و شعاع کارت را 1.5rem کنید. قواعد card و button را بازنویسی نکنید.
راهنمای پاسخروش آزمایش
در tokens.css مقدار color-accent را تغییر دهید؛ کارت های پیش فرض تغییر می کنند اما promo مقدار محلی خودش را نگه می دارد. سپس space-3 را تغییر دهید و فاصله داخلی و gap کارت ها را مقایسه کنید.
پاسخ تمرین در solution.css است و از ابتدا فعال نیست. برای فعال کردن، لینک آن را بعد از style.css در head اضافه کنید.