مستخرج متغيرات CSS
الصق ورقة أنماط واستخرج كل --خاصية-مخصصة، مجمّعة حسب البادئة،
مع تمييز التعريفات المكرّرة.
يفحص كل كتلة محدِّد، وليس :root فقط. نفس الاسم بقيمة مختلفة عبر المحددات يُعلَّم كتكرار.
ستظهر هنا المتغيرات المجمّعة.
كيف تعمل
يُفحص النص المُدخل كتلة تلو الأخرى (بمطابقة أزواج محدِّد { ... }،
بما في ذلك الكتل المتداخلة كاستعلامات الوسائط)، ويُسجَّل كل تعريف
--الاسم: القيمة؛ داخل كل كتلة مع المحدِّد الذي ينتمي إليه. تُجمَّع
المتغيرات حسب البادئة، وهي أول جزء مفصول بشرطة بعد -- البادئة،
بحيث ينتهي كل من --color-primary-500 و--color-accent
تحت "color"، وهو ما يعكس طريقة بناء معظم اصطلاحات تسمية رموز التصميم.
لا يُعلَّم الاسم كتكرار إلا عندما يُعرَّف فعليًا بقيم مختلفة في مكان آخر، وليس
فقط لأنه أُعيد تعريفه تحت محدِّد مختلف بنفس القيمة (وهذا هو النمط الطبيعي
لتجاوزات السمة).
كل شيء يعمل مع كل ضغطة مفتاح داخل جافاسكريبت هذه الصفحة، باستخدام ماسح خفيف لمطابقة الأقواس بدلاً من محلّل CSS كامل. لا شيء تلصقه يُرفع.
أسئلة شائعة
ما الخصائص المخصصة التي يجدها؟
أي تعريف على الشكل --الاسم: القيمة؛ داخل أي كتلة محدِّد، وليس :root فقط، بما في ذلك القواعد المتداخلة واستعلامات الوسائط. كل ظهور يسجَّل مع المحدِّد الذي عُرِّف تحته.
كيف يعمل رصد التكرار؟
إذا عُرِّف نفس اسم المتغير أكثر من مرة بقيم مختلفة (وهي علامة شائعة على رموز منسوخة أو غير متسقة)، يُعلَّم كتكرار. أما تعريف نفس الاسم بنفس القيمة في نطاقات متعددة (مثل تجاوزات السمة الفاتحة/الداكنة) فهو أمر طبيعي ولا يُعلَّم.
هل يُرسل CSS الخاص بي إلى أي مكان؟
لا، يتم التحليل بالكامل داخل متصفحك بواسطة ماسح جافاسكريبت صغير. لا شيء تلصقه يُرفع.