Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
// ----
// 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; }
*/
.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; }
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment