Generated by SassMeister.com.

ET-button-mixin.scss

// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

@mixin ET-button() {
  button, .button {
    @include ET-button-shape(grey, black);
    
    &.blue {
      @include ET-button-shape(blue, white);
    }
    
    &.dark {
      @include ET-button-shape(#404040 , white);
    }
  }
}

@mixin ET-button-shape($bg-color, $txt-color) {
  @include ET-button-color($bg-color, $txt-color);
  border-radius: 5px;
  font: 14px bold sans-serif;
  padding: 3px 8px;
  border: 0 none;
  outline: none;
}

@mixin ET-button-color($bg-color, $txt-color) {
  color: $txt-color;
  background-color: $bg-color;
  
  &:hover, &:focus {
    background-color: lighten($bg-color, 10%);
  }
  
  &:active {
    background-color: darken($bg-color, 5%);
  }
}

@include ET-button();