title: how can I use nested css template literals in styled-components, emotion
body: <pre><code>const someStyle = css`
    colors : ${({theme}) =&gt; theme.colors.primary; 
    ${(props) =&gt; props.active ? css`
     background-color: ${({theme}) =&gt; theme.colors.backgroundColorActive};
    `}
  `
  
  const SomeButton = styled.div`
    ${someStyle} 
  `
  </code></pre>
  <p>Can I use <code>css</code> template literals  nested in another css template literals?</p>