title: css grid calculate fraction from variable
body: <p>I have a div with <code>display: grid;</code></p>
  
  <p>I am using css properties / variables to have a dynamic website, which I then update via javascript.</p>
  
  <p>I managed to achieve this using scss </p>
  
  <pre><code>grid-template-columns: var(--user-column-width) $days-shown + unquote('fr');
  </code></pre>
  
  <p>The question is, is it possible to have something like</p>
  
  <pre><code>grid-template-columns: var(--user-column-width) var(--days-shown)fr;
  </code></pre>
  
  <p>I did not yet succeed in combining the variable and fractions together. So if possible, how can it be done?</p>
  
  <p>Thanks</p>