title: Is it possible to calculate padding based on another element's height with SASS?
body: <p>I am confused as to what to use for this. Is it possible to use SASS to calculate the padding for an element based on another's height?</p>
  
  <p>for example:</p>
  
  <pre><code>&lt;div class="element-1"&gt;
    &lt;h2&gt;Some Title&lt;/h2&gt;
  &lt;/div&gt;
  
  &lt;div class="element-2"&gt;
    &lt;h2&gt;Element Contents&lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Styles for the elements (varying according to screen size):</p>
  
  <pre><code>.element-1{
   height:200px;
   @extend .pos-fixed;
   width:$site-width;
   }
  
  .element-2{
   width:$site-width;
   padding-top:calc(element-height(.element-1)+20px);
   }
  </code></pre>
  
  <p>Compass enables me to do a similar thing with image-height and image-width, but how can apply this with <strong>padding-top:element-height(.element-1)+20px;</strong>?</p>
  
  <p>Is this possible?</p>