Media queries

Hi, I’m currently looking for something that will remove duplicate css properties accross media queries. Does this project do that?

for example:

h1 {
    font-size: 25px;
    font-weight: bold;
    color: black;
}

@media screen and (min-width: 1000px) {
   h1 {
    font-size: 30px;
    font-weight: bold;
    color: black;
}
}

I’m hoping the second font weight and color would be discarded. I’m currently using css purge but it doesn’t seem to reliably do this http://rbtech.github.io/css-purge/

[jsnanigans]

Hi, purgecss does not support this at the moment, but this is a really good idea! We might implement this feature in the futute

[jsnanigans]

@garygreen good point but we could add an option to run cssnano after purgecss has completed, this would make implementation of both a lot easier for consumers.

My proposal: by default it is set to false, you can either pass true for default config or pass the options

const purgeCss = new Purgecss({
  content: ['**/*.html'],
  css: ['**/*.css'],
  cssnano: {
     discardComments: {
        removeAll: true,
     },
   }
})