Виталий Сорокин

Sass Maps отлично подходит для объявления scope у переменных, например так:

$colors: (
  sexy: #FA6ACC,
  glamour: #F02A52,
  sky: #09A6E4
);

.element {
  background-color: map-get($colors, sky);
}

или например, для шрифтовых иконок:

$icons: (
  glass: "\f000",
  music: "\f001",
  search: "\f002",
  envelope: "\f003",
  heart: "\f004"
);

@each $name, $icon in $icons {
  .fa-#{$name}:before {
    content: $icon;
  }
}

С sass maps возможности не ограничены, огромное поле для экспериментов. Пробуйте, дерзайте!

Вообще с директивой @extend, нужно быть крайне аккуратным, тем более при использовании медиа запросов. Как вы правильно заметили, у директивы media screen and (...) своя область видимости, и поэтому он не работает.
Как решения могу посоветовать использовать подход вроде этого:

input.scss

%myclass {
  color: blue;

  @media (min-width: 600px) {
    background: red;
  }
  @media (min-width: 800px) {
    font-size: 28px;
  }
}

.class1 {
  @media (min-width: 600px) {
    @extend %myclass;
  }
}

.class2 {
  @media (min-width: 800px) {
    @extend %myclass;
  }
}

.class3 {
  @extend %myclass;
}

output.css

.class3 {
  color: blue;
}
@media (min-width: 600px) {
  .class1, .class3 {
    background: red;
  }
}
@media (min-width: 800px) {
  .class2, .class3 {
    font-size: 28px;
  }
}

Скорее всего проблема с миксином. Было бы неплохо увидеть его исходники)