SCSS - Get container width as height

Question

Is there a way to get the container width of a child element in calculation of the child element height without using JavaScript.

Say, rendering an image in an 16:9

Answer 1

I found it. Sass interpolation does the work. Its possible to use sass interpolation to reference a sibling property.

.container {
  width: 100%;

  img {
    width: 100%;
    height: calc(#{width} * 1.778);
  }
}

Answer 2

No you cant get the width of 100% in px you hava to write in percent

width : 100%;
height: calc((100% * 16)/9);