Actions
Bug #69309
closed
config.compressCss breaks CSS3 calc() value
Status:
Closed
Priority:
Must have
Assignee:
-
Category:
Frontend
Target version:
-
Start date:
2015-08-25
Due date:
% Done:
0%
Estimated time:
TYPO3 Version:
6.2
PHP Version:
5.3
Tags:
CSS
Complexity:
Is Regression:
No
Sprint Focus:
Description
When enabling config.compressCss, CSS3 calc() definitions may break, because it strips space characters where they are needed to be kept.
Example:
left:calc(1em + 100px);
becomes
left:calc(1em+100px);
which is wrong, as the CSS parser cannot differ between negative values and subtraction any more.
See http://www.w3.org/TR/css3-values/#calc:
Note that the grammar requires spaces around binary ‘+’ and ‘-’ operators. The ‘*’ and ‘/’ operators do not require spaces.
Stumbled upon it in TYPO3 CMS 6.2.14, but I think it's going to be a problem with all versions. Checked in Safari 8.0.8 (10600.8.9) and Chrome 44.0.2403.155 (64-bit).
Note:
config.minifyCss doesn't have the problem.
Updated by 
Updated by
Actions