%sprite
  .svg &
    background-image: url(/images/structure/sprite_maas.svg)
  .no-svg &
    background-image: url(/images/structure/sprite_maas.png)

=sprite($backgroundX, $backgroundY, $width ,$height, $scale : 1)

  width: $width * $scale
  height: $height * $scale

  background-position: ($backgroundX * $scale) ($backgroundY * $scale)
  background-size: (640px * $scale) (260px * $scale)

  .no-svg &
    width: $width
    height: $height
    background-position: $backgroundX $backgroundY
    background-size: 640px 260px

  @if ($scale == 1)
    @extend %sprite
  @else
    .svg &
      background-image: url(/images/structure/sprite_maas.svg)
    .no-svg &
      background-image: url(/images/structure/sprite_maas.png)


=spriteMobile($backgroundX, $backgroundY, $width ,$height, $scale : 1)
  width: $width * $scale
  height: $height * $scale

  background-position: ($backgroundX * $scale) ($backgroundY * $scale)

  background-size: (150px * $scale) (70px * $scale)
  background-image: url(/images/structure/sprite_mobile.svg)