Phunky · August 29, 2015 14:11
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 Make a mixin instead of nesting
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.3.14)
 // Compass (v1.0.1)
 // ----

 @mixin dont-nest-me($block) {
  #{$block} {
    display: block;
  
    &--expanded, %expanded {
      background: #fff;
    
      & > #{$block}--container {
        overflow: hidden;
      }
    }
  }
 }

 @include dont-nest-me('.card');
diff --git a/SassMeister-output.css b/SassMeister-output.css
 .card {
  display: block;
 }
 .card--expanded {
  background: #fff;
 }
 .card--expanded > .card--container {
  overflow: hidden;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 Make a mixin instead of nesting
	.card {
	display: block;
	}
	.card--expanded {
	background: #fff;
	}
	.card--expanded > .card--container {
	overflow: hidden;
	}