Neccessary whitespace in @supports removed

[SassCoder]

Why is issue #52 closed?

Minification and Optimization removes neccessary whitespace after or.

// CSS
@supports ((position: -webkit-sticky) or (position: sticky)) {
	.element {
		position : -webkit-sticky
		position : sticky;
	}
}

// Result
@supports((position:-webkit-sticky) or(position:sticky)){.element{position:-webkit-sticky;position:sticky}}

Without this whitespace, the @support rule is broken and is not interpreted by the browser.

Best Regards

Same for media queries.

Example with this :
@media only screen and (min-width:768px) {

Become like that after uglify :
@media only screen and(min-width:768px){

[FlowIT-JIT]

Any progress on this issue? Is there any known work around available ?

[Farrael22]

This issue also happens when defining a media-query inside an id block.

this:

@media screen and (min-width: $size) { 
  #id {
    ...
  }
}

becomes:

@media screen and(min-width: $size){#id {...}}

where {# corresponds to a comment token on some CRM tools such as Hubspot.