Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (vundefined)
// Compass (vundefined)
// dart-sass (v1.6.2)
// ----

.foo {
  color: blue;
  & > .bar { color: red; }
}
/* equivalent to
   .foo { color: blue; }
   .foo > .bar { color: red; }
 */

.foo {
  color: blue;
  &.bar { color: red; }
}
/* equivalent to
   .foo { color: blue; }
   .foo.bar { color: red; }
 */

.foo, .bar {
  color: blue;
  & + .baz, &.qux { color: red; }
}
/* equivalent to
   .foo, .bar { color: blue; }
   :matches(.foo, .bar) + .baz,
   :matches(.foo, .bar).qux { color: red; }
 */

SassMeister-output.css

.foo {
  color: blue;
}
.foo > .bar {
  color: red;
}

/* equivalent to
   .foo { color: blue; }
   .foo > .bar { color: red; }
 */
.foo {
  color: blue;
}
.foo.bar {
  color: red;
}

/* equivalent to
   .foo { color: blue; }
   .foo.bar { color: red; }
 */
.foo, .bar {
  color: blue;
}
.foo + .baz, .foo.qux, .bar + .baz, .bar.qux {
  color: red;
}

/* equivalent to
   .foo, .bar { color: blue; }
   :matches(.foo, .bar) + .baz,
   :matches(.foo, .bar).qux { color: red; }
 */