Медиа запрос как сделать?

Question

[Андрей Иванов]

С такой проблемой столкнулся.
На мобильном разрешении я опираясь на состояние открыт ли фильтер вешаю класс. Как игнорировать это условие для десктопного разрешения? Писать медиазапрос в js или есть элегантный способ?

Answer 1

[Антон Спирин]

В чем проблема описать все в css?

.filter__panel {
  &_show {
    @media screen and (max-width: 767px) {
      // mobile styles
    }    
  }
}

Comments

[Андрей Иванов]

Проблема в том что не получится стилизовать только там. Класс filter-panel_show вешается по нажатию кнопок из панели фильтра и кнопки открывающей эту панель фильтра(происходит тогл)

[Антон Спирин]

Андрей Иванов, ничего не понял из того, что вы написали и по прежнему не вижу проблемы.

[hzzzzl]

Андрей Иванов, так пусть этот класс вешается в любом случае, просто он не будет ничего делать на разрешениях >768

.filter__panel {
  &_show {
    /*
      здесь ничего не надо, ничего не будет применяться "на десктопе"
   */
    @media screen and (max-width: 767px) {
      // mobile styles
      /*
       а вот здесь всё что будет применяться только на мобильных разрешениях и больше нигде
     */
    }    
  }
}