micahgodbolt · July 3, 2014 18:31
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.3.9)
 // Compass (v1.0.0.alpha.20)
 // ----

 @mixin context($target, $new-context, $selector: null) {
  $selector: & !default;
  $new-selector: selector-replace($selector, $target, $new-context);
  @at-root #{$new-selector} {
    @content;
  }
 }


 div {
  nav {
    a {
      color: red;
      @include context('nav', 'nav.open') {
        color: blue;
      }
    }
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 Invalid CSS after "  $selector: ": expected expression (e.g. 1px, bold), was "& !default;"
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div></div>
	// ----
	// Sass (v3.3.9)
	// Compass (v1.0.0.alpha.20)
	// ----

	@mixin context($target, $new-context, $selector: null) {
	$selector: & !default;
	$new-selector: selector-replace($selector, $target, $new-context);
	@at-root #{$new-selector} {
	@content;
	}
	}


	div {
	nav {
	a {
	color: red;
	@include context('nav', 'nav.open') {
	color: blue;
	}
	}
	}
	}