title: Is there a way to use twig in my css?
body: <p>I would like to use the twig syntaxe in my css. The only way I found around was to create a .html file with the style tag. </p>
  
  <p>Here's a concrete example of what I want to do : </p>
  
  <pre><code>// style.css.twig
  #buttonAddToCart {
      color: {{ swatch.swatchColors.buttonAddToCart }};
  } 
  </code></pre>
  
  <p>I pretty sure this is possible because <a href="http://symfony.com/doc/current/book/templating.html#template-suffix" rel="nofollow">in the symfony documenation</a> it shows that css can have the twig extension.</p>
  
  <hr>
  
  <p>EDIT: 
  My base.html.twig :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;    
      &lt;head&gt;
          &lt;meta charset="UTF-8" /&gt;
          &lt;title&gt;{{ shop.getShopTitleSh}}&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="{{ asset('bundles/templateengine/legacy/css/style.css.twig') }}"&gt;
          &lt;link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" &gt;
          {% block stylesheets %}{% endblock %}
          {% block metadata %}{% endblock %}
      &lt;head&gt;
      &lt;body&gt; /* ... */
  </code></pre>