line-height calc vh unit

Question

У меня есть немного сложная проблема. Мне нужно установить line-height разницей vh единицей и pxcalc в CSS. Моя идея состоит в том, чтобы установить его по этому коду

line-height: calc(100vh - 100px); 

Звучит просто, но не работает. Почему вычисление с этими единицами не работает, описано в CSS Calc Viewport Units Workaround?, где это разрешено для свойства height с помощью поля взлома и отступов, но оно не может использоваться для свойства line-height.

Я вижу, что проблема решена в Chrome, IE и Edge, но мне нужно сделать это и в Firefox. В Firefox это проявляется в инструментах разработчика

Недопустимое значение свойства.

Любая идея? (JavaScript не подходит для меня)

Answer 1

Он работает здесь (в Firefox):

http://codepen.io/anon/pen/QGqMvK

Там нет никакого предупреждения о стоимости недействительных собственности, и я могу изменить и значение vh и px внутри calc, видя результат соответственно.

По крайней мере, в Firefox 50.0 на MacOS 10.12.1