postcss-discard-overridden
PostCSS plugin to discard overridden @keyframes or @counter-style.
Last updated 2 years ago by ai .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install postcss-discard-overridden 
SYNC missed versions from official npm registry.

PostCSS Discard Overridden

PostCSS plugin to discard overridden @keyframes or @counter-style.

@keyframes or @counter-style will be overridden by those who share the same identifiers and appear later in stylesheets. So we can discard all of them except the last one. When defined inside a @media or @supports rule, @keyframes and @counter-style rules only override global rules in some of the client browsers so they need handled separately. This plugin has taken care of this and transforms the PostCss AST safely.

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@media (max-width: 500px) {
  @-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.8;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.8;
    }
  }
  @supports (display: flex) {
    @-webkit-keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 500px) {
  @-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.8;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 0.8;
    }
  }
  @supports (display: flex) {
    @-webkit-keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes fade-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

Usage

See the PostCSS documentation for examples for your environment.

Contributors

See CONTRIBUTORS.md.

Current Tags

  • 4.0.1                                ...           latest (2 years ago)
  • 4.0.0-rc.2                                ...           next (3 years ago)
  • 4.0.0-nightly.2020.1.11                                ...           nightly (8 days ago)

22 Versions

  • 4.0.0-nightly.2020.1.11                                ...           8 days ago
  • 4.0.0-nightly.2020.1.9                                ...           10 days ago
  • 4.0.0-nightly.2020.10.20                                ...           3 months ago
  • 4.0.0-nightly.2020.9.9                                ...           4 months ago
  • 4.0.0-nightly.2020.9.3                                ...           5 months ago
  • 4.0.0-nightly.2020.9.1                                ...           5 months ago
  • 4.0.0-nightly.2020.8.29                                ...           5 months ago
  • 4.0.0-nightly.2020.8.25                                ...           5 months ago
  • 4.0.0-nightly.2020.8.24                                ...           5 months ago
  • 4.0.0-nightly.2020.8.17                                ...           5 months ago
  • 4.0.0-nightly.2020.8.10                                ...           5 months ago
  • 4.0.0-nightly.2020.8.4                                ...           6 months ago
  • 4.0.0-nightly.2020.8.1                                ...           6 months ago
  • 4.0.0-nightly.2020.7.31                                ...           6 months ago
  • 4.0.0-nightly.2020.7.25                                ...           6 months ago
  • 4.0.0-nightly.2020.7.24                                ...           6 months ago
  • 4.0.1                                ...           2 years ago
  • 4.0.0                                ...           3 years ago
  • 4.0.0-rc.2                                ...           3 years ago
  • 4.0.0-rc.0                                ...           4 years ago
  • 0.1.1                                ...           5 years ago
  • 0.1.0                                ...           5 years ago

Copyright 2014 - 2016 © taobao.org |