hover-mixin

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

@mixin hover {
    &:hover,
    &:focus {
        @content;
    }
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #c00;
    @include hover {
        outline: none;
        color: #09f;
    }
}


.btn {
    background-color: #09f;
    @include hover {
        background-color: darken(#09f, 10%);
    }
}

SassMeister-output.css

a {
  font-weight: bold;
  text-decoration: none;
  color: #c00;
}
a:hover, a:focus {
  outline: none;
  color: #09f;
}

.btn {
  background-color: #09f;
}
.btn:hover, .btn:focus {
  background-color: #007acc;
}