khamer · March 24, 2014 19:10
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <p>
  Lorem Ipsum.
 </p>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.3.4)
 // Compass (v1.0.0.alpha.18)
 // ----

 %blue {
  background: blue;
 }

 @media only screen and (min-width: 9999px) {
  p {
    @extend %blue;
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 You may not @extend an outer selector from within @media.
 You may only @extend selectors within the same directive.
 From "@extend %blue" on line 7.
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <p>
  Lorem Ipsum.
 </p>
	// ----
	// Sass (v3.3.4)
	// Compass (v1.0.0.alpha.18)
	// ----

	%blue {
	background: blue;
	}

	@media only screen and (min-width: 9999px) {
	p {
	@extend %blue;
	}
	}
	You may not @extend an outer selector from within @media.
	You may only @extend selectors within the same directive.
	From "@extend %blue" on line 7.