Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----

%button {
  border-radius: 3px;
  font-size: 13px;
}

@mixin button($background: blue, $color: #fff) {
  @extend %button;

  background: $background;
  border: 1px solid darken($background, 5%);
  color: $color;
  
  &:hover,
  &:focus {
    background: lighten($background, 5%);
  }
}

.button-primary {
  @include button;
}
.button-secondary {
  @include button(#eee, #444);
}

SassMeister-output.css

.button-primary, .button-secondary {
  border-radius: 3px;
  font-size: 13px;
}

.button-primary {
  background: blue;
  border: 1px solid #0000e6;
  color: white;
}
.button-primary:hover, .button-primary:focus {
  background: #1a1aff;
}

.button-secondary {
  background: #eeeeee;
  border: 1px solid #e1e1e1;
  color: #444444;
}
.button-secondary:hover, .button-secondary:focus {
  background: #fbfbfb;
}