إذا كنت مرتاحًا للتغيرات النسبية في أحجام الخطوط، فيمكنك ببساطة تعيين حجم خط مختلف على عنصر :root، وسيتكيف أحجام em لتتناسب مع ذلك.
3 إعجابات
هل أغفلت شيئًا ما، أم أن الأمر مجرد عدم الرغبة في منح أدوات قد تسبب أخطاءً للسمات أو الإضافات؟ إعلان جميع هذه المتغيرات باستخدام !default يبدو وسيلة سهلة للسماح بتجاوز قيمها.
إعجابَين (2)
لا أعتقد أن الأمر كان يعمل من قبل لأن الأنماط الأساسية كانت تُجمَّع قبل أن تتمكن السمة من تجاوزها؟ كان الأمر كذلك بالنسبة للألوان على أي حال… أعرف أن بعض الأمور المتعلقة بكيفية تجميع SCSS قد تغيرت، لذا ربما لم تعد هذه مشكلة؟
يمكننا أيضًا تحويل هذه إلى خصائص CSS مخصصة كما فعلنا مع الألوان إذا لم يكن !default كافيًا.
3 إعجابات
أوه، هذا صحيح! يبدو أن الخصائص المخصصة هي بالفعل الطريقة الصحيحة! 
4 إعجابات
إليك إعادة هيكلة للمراجعة، وقد تكون هذه النسخة أفضل للسماح لأي ورقة تنسيق باستخدام أو تحديث المتغيرات:
حسناً، لقد فهمت الأمر بشكل أفضل قليلاً – حالياً، جميع المتغيرات المحددة هنا يمكن قراءتها من قبل السمات/الإضافات، لكن لا يمكن كتابة قيم جديدة، حيث يتم تجميع كل ورقة تنسيق بشكل منفصل. إضافة خصائص CSS المخصصة تتيح للسمات/الإضافات تجاوز المتغيرات ديناميكياً، وتلتقط جميع أوراق التنسيق المعتمدة القيم الجديدة. 
3 إعجابات
مرحبًا @bekircem، مع دمج ما سبق، يمكنك الآن إضافة سمة تتجاوز متغيرات الخط الأساسية عن طريق إعادة تعريف خصائص CSS (على جانب العميل) الآن:
// ربما لا تستخدم هذه القيم، لكن يمكنك فهم الفكرة هنا:
:root {
--font-down-1: 0.8em;
--font-0: 2em;
--font-up-1: 3em;
--font-up-2: 4em;
}
3 إعجابات