Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="square orange">Orange</div>

<div class="square blue">Blue</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

.square {
    width: 100px;
    height: 100px;

    &.orange {
        background: orange;
    }

    &.blue {
        background: blue;
   }

}

SassMeister-output.css

.square {
  width: 100px;
  height: 100px;
}

.square.orange {
  background: orange;
}

.square.blue {
  background: blue;
}

SassMeister-rendered.html

<div class="square orange">Orange</div>

<div class="square blue">Blue</div>