title: Sum up values of inline styles with css styles
body: <p>I have a margin of an element set in the .scss file of my React component: </p>
  
  <pre><code>.element {
      margin: 20px;
  }
  </code></pre>
  
  <p>I want to sum up this value with a value set to margin in inline styles:</p>
  
  <pre><code>&lt;div className={scss.element} style={{ margin: 10px }}&gt;Whatever&lt;/div&gt;
  </code></pre>
  
  <p><strong>The end result should be:</strong> <code>margin: 30px</code></p>