Фиксим поломку CSS calc() при минификации YUIcompressor

Интересная проблема может возникнуть при минификации CSS с функцией calc().
В моем примере я хочу прописать чтобы картинка была на заднем фоне у блока, и находилась справа с фиксированным отступом:

Код (style.css):
background-position: calc(100% + 160px) 50%;
Код (style.min.css):
background-position: calc(100%+160px) 50%;

YUICompressor ломает функцию calc(). Нам нужны пробелы внутри скобок, а их компрессор убирает. Вспомив математику, найдем решение проблемы :) Я не мог не написать эту заметку)

Код (style.css) - решение:
background-position: calc(100% - -160px) 50%;
Код (style.min.css):
background-position: calc(100% - -160px) 50%;
Комментарии (0)

Написать комментарий