cimmanon · February 26, 2015 15:47
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div class="circle-thing">foo</div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.4.12)
 // Compass (v1.0.3)
 // ----

 $active-state: foo;
 .small {
  // stuff ..
  .section1{
    // stuff ..
    // Multiple nesting levels ..
    #menu{
      color:#fff;
        @at-root #{selector-replace(&, '.section1', '.section1.#{$active-state}')} {
           color:red;
        }
    }
  }
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 .small .section1 #menu {
  color: #fff;
 }
 .small .section1.foo #menu {
  color: red;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div class="circle-thing">foo</div>
	// ----
	// Sass (v3.4.12)
	// Compass (v1.0.3)
	// ----

	$active-state: foo;
	.small {
	// stuff ..
	.section1{
	// stuff ..
	// Multiple nesting levels ..
	#menu{
	color:#fff;
	@at-root #{selector-replace(&, '.section1', '.section1.#{$active-state}')} {
	color:red;
	}
	}
	}
	}