Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

// Component Name
//   Basic description of the component, what it does, etc.
//   Can go as many lines as you need to.
//
// - .button: Basic button styles with no variation
// - &.red: Changes the color to red.
// - &.blue: Changes the color to blue.
//
.button {
  color: red;
  
  &.green { color: green; }
  &.blue { color: blue; }
}

SassMeister-output.css

.button {
  color: red;
}
.button.green {
  color: green;
}
.button.blue {
  color: blue;
}