SVG filters defined with filter: url(...) are lost

[gaearon]

This code:

[data-menu="true"] .social-Summary-content,
[data-menu="true"] .editor-Grabbox > * {
  opacity: .5;
  -webkit-filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZmlsdGVyIGlkPSJibHVyIj4KICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIgLz4KICAgIDwvZmlsdGVyPgo8L3N2Zz4=#blur);
          filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZmlsdGVyIGlkPSJibHVyIj4KICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIgLz4KICAgIDwvZmlsdGVyPgo8L3N2Zz4=#blur);
  -webkit-filter: blur(8px);
          filter: blur(8px);
}

gets incorrectly reduced to

.editor-Grabbox>*,[data-menu=true] .social-Summary-content{opacity:.5;-webkit-filter:blur(8px);filter:blur(8px)}

As you can see, SVG filters are lost.

[gaearon]

Actually it looks like clean-css removes fallback style declarations (at least in case of filter).

[jakubpawlowicz]

Duplicate of #290. In the meantime please group declarations like below or use --skip-aggressive-merging.

[data-menu="true"] .social-Summary-content,
[data-menu="true"] .editor-Grabbox > * {
  opacity: .5;
  -webkit-filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZmlsdGVyIGlkPSJibHVyIj4KICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIgLz4KICAgIDwvZmlsdGVyPgo8L3N2Zz4=#blur);
  -webkit-filter: blur(8px);
          filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZmlsdGVyIGlkPSJibHVyIj4KICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIgLz4KICAgIDwvZmlsdGVyPgo8L3N2Zz4=#blur);
          filter: blur(8px);
}