title: Make the value in parents' property as variable, so it will be usable by other properties in the children
body: <p><a href="https://stackoverflow.com/questions/19061927/use-parents-property-as-variable-with-sass">Someone asked similarly before</a>, but my case is a bit different. I want to use the <code>span-columns</code> mixin from Bourbon. This <code>span-columns</code> produce a specific number of <code>padding</code>. I want to take that number as variable and then pass it to the child element.</p>
  
  <p>So any property in the child can use <code>$get-from-parent</code>. </p>
  
  <p>Here's my SASS</p>
  
  <pre><code>.grandparent {
      @include outer-container(100%);
  
      .parent {
          @include span-columns(4);
          @include omega(2);
          margin-bottom: 30px;
          @include pad (default);
          height: 500px;
          overflow: hidden;
          position: relative; z-index:2;
      }
  
      .child {
          padding: $get-from-parent; /* it can be anything, not just padding */
      }
  </code></pre>
  
  <p>Which results to this as CSS,</p>
  
  <pre><code>.grandparent {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .grandparent .parent {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%;
      margin-bottom: 30px;
      padding: 2.3576515979%;
  }
  </code></pre>
  
  <p>Mind the odd <strong>2.3576515979%</strong> number. This changes as I change the number in <code>span-columns</code>. I want to take that number as a <code>$get-from-parent</code> variable. And then use it in <code>margin-bottom: $get-from-parent</code>, <code>border-width: $get-from-parent</code>, etc.</p>
  
  <p>Is it possible?</p>