title: Inherit color from color property into background-color property while using a different color in color property
body: <p>I want to inherit color from color property into background-color property while using a different color in color property</p>
  <pre><code>&lt;style&gt;
  .parentClass{
    color:&quot;red&quot;
  }
  .myclass {
     color: &quot;blue&quot;;
     background-color: {{ Inherit parent's color property value }}
  }
  &lt;/style&gt;
  &lt;div class=&quot;parentClass&quot;&gt;
     &lt;div class=&quot;myclass&quot;&gt; sometext &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>