Breaking code when comments share a line with uncommented code

[elliottregan]

Example:

Starting with:

.card { // IE Hacks. Hiding left/right arrows since IE8-10 don't handle backface-visibility very well :(
  .front, .back { overflow-x: hidden; }
}

when formatted to 'Compact':

.card { // IE Hacks. Hiding left/right arrows since IE8-10 don't handle backface-visibility very well:(.front, .back { overflow-x: hidden; }
}

and then back to 'Expanded':

.card {
  // IE Hacks. Hiding left/right arrows since IE8-10 don't handle backface-visibility very well:(.front, .back {
    overflow-x: hidden;
  }
}

[kl23]

Besides /* comment */, I've never seen //comment is in the comment syntax specification of CSS. https://developer.mozilla.org/en-US/docs/Web/CSS/Comments

Could you please provide a reference on it?