TexRx · November 12, 2014 19:35
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div id="sidebar">
  
 </div>
 <div class="another-sidebar">
  
 </div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.3.14)
 // Compass (v1.0.1)
 // ----

 @mixin smartphone() {
  @media screen and (max-width: 600px) {
    @content;
  } 
 }

 #sidebar {
  $sidebar-width: 300px;
  width: $sidebar-width;
  @include smartphone {
    width: $sidebar-width / 3;
  }
 }

 .another-sidebar {
  width: $sidebar-width;
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 Undefined variable: "$sidebar-width".
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div id="sidebar">
  
 </div>
 <div class="another-sidebar">
  
 </div>
	// ----
	// Sass (v3.3.14)
	// Compass (v1.0.1)
	// ----

	@mixin smartphone() {
	@media screen and (max-width: 600px) {
	@content;
	}
	}

	#sidebar {
	$sidebar-width: 300px;
	width: $sidebar-width;
	@include smartphone {
	width: $sidebar-width / 3;
	}
	}

	.another-sidebar {
	width: $sidebar-width;
	}