Чем минимизировать css чтобы одинаковые блоки не дублировались?

Question

[weredy]

Есть CSS:

@media screen and (max-width: 500px) {
    html {
      font-size: 8px; } }
 @media screen and (max-width: 500px) {
      .main-header .logo {
        display: none; } }

Хотелось бы автоматически объединить такие куски в один блок:

@media screen and (max-width: 500px) {
    html {
      font-size: 8px; }
    .main-header .logo {
        display: none; }}

gulp-cssnano этого не делает, может есть какой еще таск к галпу?

Answer 1

[Олег]

gulp-group-css-media-queries

Comments

[weredy]

Как всё было очевидно :) Спасибо.

[zooks]

Сейчас данный плагин не работает.

Answer 2

[zooks]

gulp-combine-mq