Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.4)
// Compass (v1.0.0.alpha.18)
// ----

%tim {
  font-size: 10px; 
}

.timmy {
  @extend %tim;
}

%mike {
  background: red;
}

.street {
  @extend %mike;
  width: 100px;
}

.mikey {
  @extend %mike;
  @extend %tim;
}

SassMeister-output.css

.timmy, .mikey {
  font-size: 10px;
}

.street, .mikey {
  background: red;
}

.street {
  width: 100px;
}

SassMeister-rendered.html

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>