Главные стили css перекрывают media стили. В чем проблема?

Добрый вечер! Адаптирую сайт. При импорте медиа запросов они не работают и их перекрывают главные стили css.
@import "mixins"
@import "variables"
@import "general"
@import "media"


В general стили заданы изначально:

.menu
.menu_link
    color: #ffffff
    font-size: 15px
    font-weight: 300

  .menu_item
    border-right: 2px dotted rgb(49, 49, 49)
    padding-right: 28px
    &:last-child
        border-right: none


В медиа прописано следующее:

@media (max-width: 1200px)
    .menu
        &_item
            padding-right: 20px
        &_link
            font-size: 13px


В итоге в коде элемента:
6005d42460221636285649.png
6005d42d5a245590220541.png

Кто сталкивался с подобным, подскажите пожалуйста! Использую сасс, код пишу в VS, все необходимые меты подключил. Спасибо!
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
01 мар. 2021, в 17:05
25000 руб./за проект
01 мар. 2021, в 16:46
150000 руб./за проект
01 мар. 2021, в 16:33
21000 руб./за проект