Я хотел бы использовать inherit с calc(), как показано в примере:

#foo {
  animation-duration: 10s;
}
#foo > .bar {
  animation-duration: calc(inherit + 2s); /* =12s */
}

Но это, похоже, не работает.

Это ошибка браузера или проблема в спецификации?

Я пытаюсь использовать функцию calc() в стиле Sass, но у меня возникают некоторые проблемы. Вот мой код:

$body_padding: 50px;

body {
    padding-top: $body_padding;
    height: calc(100% - $body_padding);
}

Если я использую литерал 50px вместо переменной $body_padding, то всё...