Mixin that adds opacity to a HEX value variable in a project

background-opacity.scss

@mixin background-opacity($color, $opacity: .3) {
  background: $color;
  background: rgba($color, $opacity);
}

// Use case

@include background-opacity($color-white, .7);