Как реализовать regex для «@media» внутри css файла?

Question

[Kizzeon]

Хочу из файла выделить разбросанные по всему файлу@media и вставить в конец файла.

То-есть текст шаблона выглядит так:

@media(min-width: 992px){
  .container{
    styles
  }
  .container2{
    styles
  }
}

Как можно выделить все медиазапросы такого вида в файле(включая все классы внутри)?

Answer 1

[Максим Морев]

В следующий раз перед созданием вопроса попробуйте сначала его загуглить.
В вашем случае что-то в духе "regex match css media query", и по первой же ссылке на стаке найдёте искомое.

Умение сходу правильно сформулировать запрос - просто навык разработчика (причём один из самых важных), чтобы развить - нужно просто больше практиковаться.
Успехов :)

Comments

[Kizzeon]

гуглил на русском ваш запрос а на английском почему то гуглил

Rexeg match @media

Который ничего не выдал

Спасибо за ответ =)

[Максим Морев]

Kizzeon, просто опыт. :)
Совет - вообще отучиться гуглить технические вещи на русском, если не ищете что-то конкретное, что вы уже точно видели (я, например, иногда примерно помню название статьи на Хабре из рекомендаций - и гугление на русском идёт только в случае, если целенаправленно ищу её). В остальных случаях - только инглиш.