title: Access to CSS variable from component
body: <p>I would like to know if there are any solution to access a CSS variable from a component. I am building a custom theme and I would like could change some images from a CSS template instead of adding it in the component.</p>
  
  <p>For example:</p>
  
  <p>I have a CSS variable:</p>
  
  <p><strong>myComponent.scss</strong></p>
  
  <pre><code>imagePath: 'src/assets/image.jpg'
  </code></pre>
  
  <p>and I want access to that variable from the component:</p>
  
  <p><strong>myComponent.ts</strong></p>
  
  <pre><code>export class MyComponent {
     imagePath;
  }
  </code></pre>
  
  <p><strong>myComponent.html</strong></p>
  
  <pre><code>&lt;img src="{{ imagePath }}" /&gt;
  </code></pre>