Почему функции CSS, такие как pow(), не работают в браузерах? ⇐ CSS

[Anonymous]

MDN утверждает, что все современные браузеры поддерживают такие функции, как pow(), sqrt() и т. д., а также переменные:
https://developer.mozilla.org/en-US/doc ... Values/pow
Однако, когда я пытаюсь применить любую из них, браузеры терпят неудачу:
https://jsfiddle.net/do70wy2e/

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

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

div
{
--size: 2px;
background-color: blueviolet;
height: 5em;
width: calc(1px * pow(var(--size), 2));
}

Как мне заставить это работать на чистом CSS?


Подробнее здесь: https://stackoverflow.com/questions/798 ... n-browsers