Actions
Bug #69648
closedBuilt-in css minification destroys certain CSS constructs
Status:
Closed
Priority:
Should have
Assignee:
-
Category:
-
Target version:
-
Start date:
2015-09-10
Due date:
% Done:
0%
Estimated time:
TYPO3 Version:
6.2
PHP Version:
Tags:
Complexity:
Is Regression:
No
Sprint Focus:
Description
Example:
top: calc(100% + 5px);
is compressed to
top:calc(100%+5px);
The latter on is invalid and thus ignored by browsers. From here :
Note: The + and - operators must always be surrounded by whitespace.
The operand of calc(50% -8px) for instance will be parsed as a percentage
followed by a negative length, an invalid expression, while the operand
of calc(50% - 8px) is a percentage followed by a minus sign and a length.
Even further, calc(8px + -50%) is treated as a length followed by a plus
sign and a negative percentage. The * and / operators do not require
whitespace, but adding it for consistency is allowed, and recommended.
Actions