When writing the following property in to a variable:
url("images/icon.svg") left top/25px 25px no-repeat;
it is being translated to
url("images/icon.svg") left "top/25px" 25px no-repeat;
which is invalid css, instead of
url("images/icon.svg") left top/25px 25px no-repeat;
which would be correct.
When doing the same thing without a variable, meaning assigning the shorthand property directly to, for example background, it is being translated to
url("images/icon.svg") left top / 25px 25px no-repeat;
which is, for all intents and purposes, correct.
When writing the following property in to a variable:
url("images/icon.svg") left top/25px 25px no-repeat;
it is being translated tourl("images/icon.svg") left "top/25px" 25px no-repeat;
which is invalid css, instead ofurl("images/icon.svg") left top/25px 25px no-repeat;
which would be correct.When doing the same thing without a variable, meaning assigning the shorthand property directly to, for example background, it is being translated to
url("images/icon.svg") left top / 25px 25px no-repeat;
which is, for all intents and purposes, correct.