Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.btn {
  // Common stuf here
  color: #fff;
  border-style: solid;
  border-width: 1px;
  &.btn-outlined {
    background-color: #fff;
  }
  &--primary {
    background-color: green;
    border-color: green;
    &.btn-outlined { 
      color: green;
    }
  } 
  &--secondary {
    background-color: blue;
    border-color: blue;
    &.btn-outlined {
      color: blue;
    }
  }
}

SassMeister-output.css

.btn {
  color: #fff;
  border-style: solid;
  border-width: 1px;
}
.btn.btn-outlined {
  background-color: #fff;
}
.btn--primary {
  background-color: green;
  border-color: green;
}
.btn--primary.btn-outlined {
  color: green;
}
.btn--secondary {
  background-color: blue;
  border-color: blue;
}
.btn--secondary.btn-outlined {
  color: blue;
}