Медиа-запросы SASS 3.2 и поддержка Internet Explorer

Недавно я применил этот метод с SASS 3.2, используя @contentблоки в проекте, над которым я работал, и я только что дошел до того, что мне нужно включить поддержку старых браузеров, таких как IE7. и 8.

Пример:

.overview {
  padding: 0 0 19px;

  @include respond-to(medium-screens) {
    padding-top: 19px;
  } //medium-screens

  @include respond-to(wide-screens) {
    padding-top: 19px;
  } //medium-screens
}

Они оба не поддерживают медиа-запросы, и в прошлом я часто справлялся с этим, предоставляя все стили этим браузерам, когда мои медиа-запросы были разделены на отдельные частичные файлы, такие как _320.scss, _480.scss и в моей таблице стилей IE загружаю их вот так:

@import 320.scss;
@import 480.scss;
etc.

Который будет загружать все стили и всегда назначать IE7 -8 940 пикселей (или любую максимальную ширину )макета и стилей. Такое вложение стилей в SASS 3.2, как это, устраняет необходимость в отдельных частичных таблицах стилей, но полностью портит способ загрузки стилей для IE.

Любые идеи или решения о том, как с этим бороться? Я мог бы использовать полифилл, такой как response.js, чтобы заставить IE использовать медиа-запросы, но предпочел бы просто обслуживать негибкий -сайт для IE.

Любые идеи о том, как лучше организовать эти файлы, или о лучшем решении?