// Contextual backgrounds

@mixin bg-variant($color) {
  background-color: $color;

  @at-root a#{&}:hover {
    background-color: darken($color, 10%);
  }
}