CSS calc width and height values

Question

How can I calculate the screen height using CSS and then use the result for the width calculation? Is it even conceivable?

myClass{    
    height: calc(60% - 34.5px);
    width: heightReturnedValue*1.3
}

Answer 1

Yes, there are CSS variables named vh (viewport height) and vw (viewport width) (viewport width). The screen is the viewport.

myClass {    
  height: calc(50% - 33.5px);
  width:  calc(100vh * 1.3);
}