minify icon indicating copy to clipboard operation
minify copied to clipboard

clip-path polygons destroyed

Open oksoftware-cz opened this issue 5 years ago • 0 comments

Please, try to minify the following style (it is just example to demonstrate the problem, the first clip-path was a real code, the second ona is some kind of bug override):

.sample {
	clip-path: polygon(8px calc(100% - 1px),calc(100% - 8px) calc(100% - 1px),calc(100% - 8px) 100%,8px 100%);
	clip-path: polygon(8px calc(100% - 1px),
		calc(100% - 8px) calc(100% - 1px),
		calc(100% - 8px) 100%,
		8px 100%);
}

Unfortunately, you will get something like this:

.sample{clip-path:polygon(8px calc(100% - 1px),calc(100% - 8px),100%,8px 100%);clip-path:polygon(8px calc(100% - 1px),calc(100% - 8px) calc(100% - 1px),calc(100% - 8px) 100%,8px 100%)}

The first clip-path was minified to:

clip-path:polygon(8px calc(100% - 1px),calc(100% - 8px),100%,8px 100%);

The second one to:

clip-path:polygon(8px calc(100% - 1px),calc(100% - 8px) calc(100% - 1px),calc(100% - 8px) 100%,8px 100%)

You can see the difference immediately. when all polygon's parameter pairs are in one line, the second value of each pair is lost, except the first and last pair. When each pair is at a separate line, the minifying works well.

oksoftware-cz avatar Mar 10 '21 23:03 oksoftware-cz