aquí hay una pequeña pregunta que no puedo responder fácilmente, y creo que esto es extraño. Obtuve un div con una regla de cálculo CSS para Height

 @media screen and ( max-device-width: 399px) { :root{ --imgItem-width: 30px; --imgItem-height: 55px; --imgNav-width: 80px; --imgNav-height: 35px; } .postPlace{ height: calc(var(--imgItem-height) * 2 + 5px) ; --gsh : calc( var(--imgItem-height) /2 ) ; }

Este div está creciendo en las solicitudes de los usuarios a través de un jscript. Eso está funcionando. Pero es una versión incremental. Guardo en una cookie el número de veces que debe crecer y lo hago automáticamente. Luego, cuando vuelve a crecer nuevamente, y si el div ya se ha extendido, no tengo el tamaño inicial del div. Y ese es el punto. En el guión, uso un valor estándar de 300 px, que es demasiado para un teléfono inteligente y puede no ser suficiente para una pantalla salvaje.

 .animate({ height:"+=300", }, 1500 );

Entonces, me gustaría obtener la regla de cálculo real almacenada en una var, que puedo leer a través de js (o jq). Probé getcomputedstyle pero no obtengo una var calculada, obtengo la definición de calc (en este caso "--gsh: calc( var(--imgItem-height) /2)" y no 27px) ;

¿Alguien tiene una pequeña idea sobre esta cosa?

Vi algunas cositas por ahí, pero por una cosa tan tonta, me llene un poco de disgusto...