Переменные в css, как считать calc

09 февраля 2022, 20:30

Я хочу, используя переменную var(--a) посчитать значение var(--b)
Я хочу из 4 rem, которые в переменной var(--a) получить -4.7rem в переменной var(--b), но css что-то не считает

:root { 
  --a: 4rem; 
  --b: calc(-(var(--a)+0.7rem)); 
} 
 
body { 
  font-size: 20px; 
} 
 
a { 
  font-size: var(--a); 
} 
 
b { 
  font-size: var(--b); 
}

<a>123</a> 
<b>aбв</b>

Answer 1

--b: calc(-1 * (var(--a) + 0.7rem));

Только учтите что отрицательного font-size не бывает. Он будет нулевым.

Answer 2

Первое: у вас в calc минус вначале воспринимается как оператор вычитания, но нет исходного числа. Браузер не воспримет правильно конструкцию calc(-***). Используйте умножение на -1 или вычитание из 0.

Второе: операторы должны быть отделены пробелами.

неправильно: