Sass Mixin - Tinted background generator

_tinted-background.scss

// Generate a color or gradient filter above an image
// Codepen demo : https://codepen.io/davidpollet/pen/mAVyOG
@mixin bg-tinted( 
  $img-url, 
  $tint-1:#000, 
  $tint-opacity-1:0.8, 
  $tint-2: $tint-1, 
  $tint-opacity-2:$tint-opacity-1, 
  $direction: to bottom, 
  $position:center center, 
  $repeat: no-repeat
  ) {
    background: linear-gradient(
      $direction, 
      rgba($tint-1, $tint-opacity-1), 
      rgba($tint-2, $tint-opacity-2)),
      url('#{$img-url}') $repeat $position;
}