title: How can I use CSS calc() with inherit?
body: <p>I would like to use <code>inherit</code> with <code>calc()</code> like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>#foo {
    animation-duration: 10s;
  }
  #foo &gt; .bar {
    animation-duration: calc(inherit + 2s); /* =12s */
  }
  </code></pre>
  
  <p>But it don't seem to works.</p>
  
  <p>Is it browsers bug or specs?</p>