How to combine css rules for the same html class?

Question

gulp.js

@media (max-width:992px) {
  .block {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

How to combine all descriptions under one class? group-media-queries combines everything under one request, but after that I want to combine the css properties into one class, is there a suitable plugin?

Answer 1

try gulp-csso there is such a thing, except that as a minus of this plugin there is no way to cancel the minification of the file (at least I did not find such an option) and if you need to get a non-minified file, you will have to connect additional plugins for alignment and so on.