Css Compression Css Validation

[BackuPs]

Hi

I have two issues.

CSS Compression is not removing the LF after each element. This is how css compression should be https://csscompressor.com/

How to get the LF element also removed in the css compression.

Css validation is telling me that max-width:none; is invalid. This is incorrect as none is a valid value for max-width https://www.w3schools.com/cssref/pr_dim_max-width.asp

How to resolve that?

See image attached.

https://cl.ly/3M1h1A0s3j2m

https://cl.ly/3M1h1A0s3j2m


Looking forward to your reply.

Best regards,
BackuPs

[Aivars]

Our CSS compressor has always worked that way. When CSS is compressed like this, there are only a few bytes lost by not removing the newlines between rulesets but you can view, debug and overview your CSS much easier. However, if we start receiving lots of requests regarding this, we might change that policy.

We will fix the validator issue with max-width/height: none in the next update.

[pmk65]

The compression "problem" could be solved by writing a small plugin that calls the build-in compressor, and then removes the linefeeds afterwards.

Code: Select all

function CompressCSSCode(Sender) {
    Actions.Execute("ActCSSCompress");
    Script.TimeOut(10, "RemoveLinefeeds");
}

function RemoveLinefeeds() {
    if (Document.DocType == dtCSS) {
        Editor.Text = RegexReplace(Editor.Text, "\\r?\\n|\\r", "", false);
    }
}

Script.RegisterAction("", "Compress CSS Code+", "", "CompressCSSCode");