Code is generally broken

[arc-slate-0]

I made file wide changes to my CSS and found that the minified code was broken. I found this out by loading the non-minified code and than the minified code to determine this. I then looked at the minified code and it appeared to be broken. The non-minified code looks fine. Please let me know what information I can provide further. I updated my CSSMIN but still not go:

I used ultra-1 as a marker for where things broke b.c. it was visible on my web-site.

Non-Minified - Works

/* hidden - for centered number
*/

#ultra-1{
  display: none;
  position: relative;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
}
#ultra-2{
  position: relative;
  width: 300px;
  height: 100%;
  margin: 0 auto;
}

/* top bar
*/

became

Minified - Broken

# body_feed,#body_splash,#hold_button,#ultra-1,.toggle_page_lazy,// fixes .ui-dialog-titlebar,

[arc-slate-0]

I posted the full code to a fiddle here - https://jsfiddle.net/gep41Lj5/.

Also, the only error called out on it by a linter has to do with the start of my media queries, but even that looks fine.

See here:

http://csslint.net

[dragunoff]

I ran into a similar issue. The minified code was broken. Seems like the advanced optimizations of clean-css are causing this. I've fixed it by setting advanced to false in the options object. Setting restructuring to false (and keeping advanced as default) also seems to fix it.

[XhmikosR]

Such issues should be reported upstream.