Ширина и высота экрана без js

Нашел на просторах сети снипет css , в котором очень легко можно получить ширину и высоту экрана и положить в css переменную. Выглядит это так:

@property --_w {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vw;
}
@property --_h {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vh;
}
:root {
  --w: tan(atan2(var(--_w),1px)); /* screen width */
  --h: tan(atan2(var(--_h),1px)); /* screen height*/
}

В результате будут числа в пикселях, но без единиц измерения.

Выглядит страшно, но имхо очень полезно для случаев когда в расчетах нужно исходить из ширины/высоты всего viewport’а.