title: SCSS - Get container width as height
body: <p>Is there a way to get the container width of a child element in calculation of the child element height without using JavaScript. </p>
  
  <p>Say, rendering an image in an 16:9px aspect ratio which is 1.778 : 1px.
  If i set the image width to 100% of the container. How do i set the height to </p>
  
  <p>PSEUDO:</p>
  
  <pre><code>$width: 100%;
  height: (100% * 0.5625)px;
  </code></pre>
  
  <p>I'm trying to get the value of 100% using <code>calc()</code>, but doesn't work.</p>
  
  <pre><code>calc(100% + 1)px;
  </code></pre>