gulp-starter

1
@mixin image-set(
2
  $pathToImage,
3
  $backgroundPosition,
4
  $backgroundSize,
5
  $backgroundRepeat
6
) {
7
  background-image: url('#{$pathToImage}.jpg');
8
  background-position: $backgroundPosition;
9
  background-size: $backgroundSize;
10
  background-repeat: $backgroundRepeat;
11
  background-image: image-set(
12
    '#{$pathToImage}.webp' type('image/webp'),
13
    '#{$pathToImage}.jpg' type('image/jpg')
14
  );
15
}
16