Ryan-Haines · August 3, 2017 20:11
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div id="parentA">
  <span>hello!</span>
 </div>

 <div id="parentB">
  <span>hello!</span>
 </div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 // ----
 // Sass (v3.4.21)
 // Compass (v1.0.3)
 // ----

 @mixin textColor{
  span{
   color: green;
  }
 }

 #parentA{
  width: 100px;
  height: 100px;
  background-color:blue;
  color: black;
  @include textColor;
 }


 #parentB{
  width: 100px;
  height: 100px;
  background-color:red;
  color: black;
  @include textColor;
 }
diff --git a/SassMeister-output.css b/SassMeister-output.css
 #parentA {
  width: 100px;
  height: 100px;
  background-color: blue;
  color: black;
 }
 #parentA span {
  color: green;
 }

 #parentB {
  width: 100px;
  height: 100px;
  background-color: red;
  color: black;
 }
 #parentB span {
  color: green;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div id="parentA">
  <span>hello!</span>
 </div>

 <div id="parentB">
  <span>hello!</span>
 </div>