Можете ли вы отдать приоритет частичному scss?

Question

Я выполняю медиазапросы в отдельном файле scss с именем _media.scss, поэтому я могу отделить свой основной файл style.scss от медиазапросов, чтобы упростить управление.

Однако, похоже, чтопоскольку я импортирую файл _media.scss в верхней части файла style.scss, то из-за характера каскадных правил правила style.scss переопределяют правила _media по мере их поступления после импорта.

Чтобы получить правила _media, чтобы иметь приоритет, я должен добавить! Важно для многих правил.Я попытался вырезать и вставить все медиазапросы в конец файла style.scss, и он работает без флага! Important.

Можно ли как-то дать _media частичный приоритет над файлом стиля, поэтому я исправляюthis?

Код: Внутри файла style.scss:

@import 'config';
@import 'utilities';
@import 'form';
@import 'dropdown';
@import 'animations';
@import 'media';

.logo {
  font-size: 2em;
}

Внутри _media.scss:

@media(max-width: 500px) {
.logo {
    font-size: 1.5em;
  }
}

Внутри инструментов разработчика Chrome яполучил те же классы, что и выше, с размером шрифта: 1.5em вычеркнуто.

Не уверен, почему 2em имеет приоритет?