Generated by SassMeister.com.

SassMeister-input-HTML.haml

%ul.List
  %li.List-item.List-item--active 1
  %li.List-item 2
  %li.List-item 3

SassMeister-input.scss

%List-item--active {
  color: pink;
  background-color: black;
}

.List {
  color: red;
}

.List-item {
  color: black;
}

.List-item--active {
  @extend %List-item--active;
}