title: Using the css lighten and darken feature in JSX
body: <p>I have currently have a hex value on the frontend that I need to lighten and darken with inline styling. I'm currently attempting to use the css <code>lighten</code> and <code>darken</code> feature like so,</p>
  
  <pre><code>style={{ backgroundColor: lighten(color, 10 %)}}&gt;
  </code></pre>
  
  <p>but jsx does not like this.
  Is there another way to do this? In this <a href="https://stackoverflow.com/questions/44512011/embedding-the-lighten-css-feature-to-jsx-react">post</a> the person suggested using scss but I can't hard code the value into css because I'm fetching it from a database.</p>