set css rule to be equal to another's value ?
Thinking out loud here, so may not be practical...
I have a googlemap on a page which I have applied a class to <div id="wagmp_map_1"> so that the width is 90% of its container, so the map resizes nicely as the viewing port changes.
At present, the height of the map is fixed at 500px, but I thought it would be nice if the height was equal to, or approximately equal to the current width.
Is it possible to set the value of the height based upon the current width, or is this possible only with js , (or sass?)