المتغيّرات المخصّصة

المتغيّر المخصّص في CSS خاصية يبدأ اسمها بشرطتين، وتقرأ قيمته بالدالة var().

فتعرّفه هكذا: :root { --brand: #1d4ed8 }، ثم تستعمله هكذا: color: var(--brand).

وما يميّز هذه المتغيّرات عن متغيّرات Sass أنها تعمل داخل المتصفح نفسه وتنتقل بالوراثة إلى العناصر الداخلية، فإذا أعدت تعريف المتغيّر على أي عنصر تغيّرت قيمته في كل ما بداخله، ولهذا يكفيك للوضع الداكن قاعدتان بدل ملف كامل آخر.