css 变量计算

CSS 变量可以进行简单的计算，可以使用 `calc()` 函数来实现，`calc()` 函数可以接受加、减、乘、除等基本运算符。例如：

:root {
  --width: 100px;
  --height: calc(var(--width) * 2);
}

在上面的代码中，我们定义了一个变量 `--width`，并且使用 `calc()` 函数对变量 `--height` 进行计算，将其值设为 `--width` 的值乘以 2。这样，当我们使用 `var(--height)` 时，就会得到 `200px` 的值。需要注意的是，`calc()` 函数中的数值必须使用单位，否则会出错。