Make the value in parents' property as variable, so it will be usable by other properties in the children
<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>