Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

// SCSS Icons Sprite
//
// $TexturePacker:SmartUpdate:bf8e5b3d0556e9b1568751e42a6cfa89:28f5a93e6f4ce4093a4521faa7194551:3da5f8406025929798c1c9617e767e0b$
$sprite-asset-path: '/img/' !default;

%sprite {
    display: inline-block;
    overflow: hidden;
    background-image: url('#{$sprite-asset-path}_icons.png');
    background-repeat: no-repeat;
}


@mixin sprite-big_chevron_white_down {
    @extend %sprite;

    background-position: -226px -0px;
    height: 21px;
    width: 21px;
}

@mixin sprite-big_chevron_white_left {
    @extend %sprite;

    background-position: -55px -43px;
    height: 13px;
    width: 13px;
}

@mixin sprite-big_chevron_white_right {
    @extend %sprite;

    background-position: -42px -43px;
    height: 13px;
    width: 13px;
}

@mixin sprite-big_chevron_white_up {
    @extend %sprite;

    background-position: -68px -43px;
    height: 21px;
    width: 21px;
}

@mixin sprite-burger_active {
    @extend %sprite;

    background-position: -235px -26px;
    height: 16px;
    width: 16px;
}

@mixin sprite-burger_inactive {
    @extend %sprite;

    background-position: -235px -13px;
    height: 16px;
    width: 16px;
}

@mixin sprite-chevron_grey_down {
    @extend %sprite;

    background-position: -226px -57px;
    height: 10px;
    width: 10px;
}

@mixin sprite-chevron_grey_left {
    @extend %sprite;

    background-position: -226px -40px;
    height: 7px;
    width: 7px;
}

@mixin sprite-chevron_grey_right {
    @extend %sprite;

    background-position: -228px -30px;
    height: 7px;
    width: 7px;
}

@mixin sprite-chevron_grey_up {
    @extend %sprite;

    background-position: -226px -50px;
    height: 10px;
    width: 10px;
}

@mixin sprite-chevron_red_down {
    @extend %sprite;

    background-position: -225px -13px;
    height: 10px;
    width: 10px;
}

@mixin sprite-chevron_red_left {
    @extend %sprite;

    background-position: -228px -20px;
    height: 7px;
    width: 7px;
}

@mixin sprite-chevron_red_right {
    @extend %sprite;

    background-position: -221px -22px;
    height: 7px;
    width: 7px;
}

@mixin sprite-chevron_red_up {
    @extend %sprite;

    background-position: -88px -56px;
    height: 10px;
    width: 10px;
}

@mixin sprite-chevron_white_down {
    @extend %sprite;

    background-position: -78px -56px;
    height: 10px;
    width: 10px;
}

@mixin sprite-chevron_white_left {
    @extend %sprite;

    background-position: -214px -22px;
    height: 7px;
    width: 7px;
}

@mixin sprite-chevron_white_right {
    @extend %sprite;

    background-position: -89px -43px;
    height: 7px;
    width: 7px;
}

@mixin sprite-chevron_white_up {
    @extend %sprite;

    background-position: -68px -56px;
    height: 10px;
    width: 10px;
}

@mixin sprite-circle_chevron_down_active {
    @extend %sprite;

    background-position: -194px -32px;
    height: 32px;
    width: 32px;
}

@mixin sprite-circle_chevron_down_inactive {
    @extend %sprite;

    background-position: -182px -0px;
    height: 32px;
    width: 32px;
}

@mixin sprite-circle_chevron_left_active {
    @extend %sprite;

    background-position: -162px -32px;
    height: 32px;
    width: 32px;
}

@mixin sprite-circle_chevron_left_inactive {
    @extend %sprite;

    background-position: -150px -0px;
    height: 32px;
    width: 32px;
}

@mixin sprite-circle_chevron_right_active {
    @extend %sprite;

    background-position: -130px -32px;
    height: 32px;
    width: 32px;
}

@mixin sprite-circle_chevron_right_inactive {
    @extend %sprite;

    background-position: -118px -0px;
    height: 32px;
    width: 32px;
}

@mixin sprite-circle_chevron_up_active {
    @extend %sprite;

    background-position: -98px -32px;
    height: 32px;
    width: 32px;
}

@mixin sprite-circle_chevron_up_inactive {
    @extend %sprite;

    background-position: -86px -0px;
    height: 32px;
    width: 32px;
}

@mixin sprite-hotspot_active {
    @extend %sprite;

    background-position: -21px -43px;
    height: 21px;
    width: 21px;
}

@mixin sprite-hotspot_inactive {
    @extend %sprite;

    background-position: -0px -43px;
    height: 21px;
    width: 21px;
}

@mixin sprite-plus_black {
    @extend %sprite;

    background-position: -235px -39px;
    height: 11px;
    width: 11px;
}

@mixin sprite-plus_grey {
    @extend %sprite;

    background-position: -214px -11px;
    height: 11px;
    width: 11px;
}

@mixin sprite-plus_red {
    @extend %sprite;

    background-position: -214px -0px;
    height: 11px;
    width: 11px;
}

@mixin sprite-plus_white {
    @extend %sprite;

    background-position: -86px -32px;
    height: 11px;
    width: 11px;
}

@mixin sprite-slider_handle_active {
    @extend %sprite;

    background-position: -43px -0px;
    height: 43px;
    width: 43px;
}

@mixin sprite-slider_handle_inactive {
    @extend %sprite;

    background-position: -0px -0px;
    height: 43px;
    width: 43px;
}

.burger {
  @include sprite-slider-handle-active;
}

.chevron {
  @include sprite-chevron-white-up;
}

SassMeister-output.css

.burger, .chevron {
  display: inline-block;
  overflow: hidden;
  background-image: url("/img/_icons.png");
  background-repeat: no-repeat;
}

.burger {
  background-position: -43px -0px;
  height: 43px;
  width: 43px;
}

.chevron {
  background-position: -68px -56px;
  height: 10px;
  width: 10px;
}