CSS: calc() для IE в transform: translateX/Y() не работает никак?

Question

[Николай Громов]

В IE не получается использовать calc() для transform: translateX()
codepen.io/nicothin/pen/ogPEey?editors=110
Это как-то лечится? Или я что-то делаю не так?

P.S.: я могу обойти проблему, использовав другие способы позиционирования, интересует именно возможность использования calc() для transform: translateX() и ему подобных свойств в величайшем «браузере» всех времен и народов.

Answer 1

[Денис]

Баг известный и, судя по статусу сообщения об ошибке, пока проблема не решена. Можно попробовать сделать свой миксин-костыль, который временно решит проблему. Что-то в таком духе:

.calc(@t, @a, @b){
  transform: ~"@{t}(@{a}) @{t}(@{b})";
}
selector {
   .calc(translateX, 100%, -5rem);
}