Переменная Свойства CSS Firefox не установлена ⇐ CSS

[Anonymous]

Я использую CSS со свойствами, и эти свойства не применяются к веб-странице. Например, в файле CSS --dark и --light определяются следующим образом:

Код: Выделить всё

@property --dark {
syntax: "";
inherits: true;
initial-value: #111;
}

@property --light {
syntax: "";
inherits: true;
initial-value: white;
}

Они используются во многих местах файла CSS, и на все они ссылаются с помощью var(--dark) и т. д.
< pre class="lang-css Prettyprint-override">

Код: Выделить всё

:root {
color-scheme: dark;
--gl: radial-gradient(circle 1px at 0px 0px, var(--light) 1px, transparent 0);
--gd: radial-gradient(circle 1px at 0px 0px, var(--dark) 1px, transparent 0);
--bg-0: var(--dark);

При просмотре в Chrome (126.0.6478.126, Linux) он работает правильно, но в Firefox (127.0.2) свойства как будто не существуют. Там просто написано, что --dark не установлен или --light не установлен.
Существует ли другой синтаксис для установки/использования свойств/переменных CSS в Firefox, чем в Chrome? Существуют ли другие правила, касающиеся использования свойств/переменных, или что-то, что может их отключить в Firefox?
Я даже не знаю, как мне начать это отлаживать.


Постоянные ссылки на соответствующий код: https ://github.com/cnlohr/lolra/blob/ac768babae2322e639c300c9276a703f8209f6e5/ch32v/lib/calculator.css
https://github.com/cnlohr/lolra/blob/ac ... 00c9276a70 3f8209f6e5/ch32v/lib/calculator.html< /p>
РЕДАКТИРОВАТЬ: Если я добавлю их как свойства в :root, все будет работать нормально.

Подробнее здесь: https://stackoverflow.com/questions/791 ... is-not-set