Generated by SassMeister.com.

SassMeister-input-HTML.html

<button class="button -blue -large -rounded overrides -disable -right">I'm a button!</button>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

.button {
    padding: 1em 2em;
    float: left;
    
    &.-blue {
        background: #00f;
    }
   
   &.-large {
        font-size: 36px;
    }
   
    &.-rounded {
        border-radius: 10px;
    }
}

// Global Overrides
.overrides {
  &.-disable {
    opacity: 0.5;
    pointer-events: none;
  }
  
  &.-right {
    float: right;
  }
}

SassMeister-output.css

.button {
  padding: 1em 2em;
  float: left;
}
.button.-blue {
  background: #00f;
}
.button.-large {
  font-size: 36px;
}
.button.-rounded {
  border-radius: 10px;
}

.overrides.-disable {
  opacity: 0.5;
  pointer-events: none;
}
.overrides.-right {
  float: right;
}

SassMeister-rendered.html

<button class="button -blue -large -rounded overrides -disable -right">I'm a button!</button>