// // overlay.scss // Theme mixin //

@mixin overlay($color) {

&::before {
  background-color: $color;
}

}

@mixin overlay-gradient($color, $direction) {

&::before {
  background-image: linear-gradient(to bottom, transparent, $color);
  @if($direction == "right" OR $direction == "left") {
    @include media-breakpoint-up(md) {
      background-image: linear-gradient(to $direction, transparent, $color 50%, $color);
    }
  }
}

}