micahgodbolt · August 29, 2015 14:08
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div></div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.4.6)
 // Compass (v1.0.1)
 // ----

 %child-selector {
  [data-foo="local"] > & {
    background: blue;
  }
 }

 .class1 {
  [data-bar="global"] & {
    @extend %child-selector;
  }
 }

 %descendant-selector {
  [data-foo="local"]  & {
    background: blue;
  }
 }

 .class2 {
  [data-bar="global"] & {
    @extend %descendant-selector;
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 [data-bar="global"] [data-foo="local"] > .class1 {
  background: blue;
 }

 [data-foo="local"] [data-bar="global"] .class2, [data-bar="global"] [data-foo="local"] .class2 {
  background: blue;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div></div>
	[data-bar="global"] [data-foo="local"] > .class1 {
	background: blue;
	}

	[data-foo="local"] [data-bar="global"] .class2, [data-bar="global"] [data-foo="local"] .class2 {
	background: blue;
	}