\href{https://github.com/postcss/postcss}{\texttt{ Post\+CSS}} plugin to discard overridden {\ttfamily @keyframes} or {\ttfamily @counter-\/style}.

{\ttfamily @keyframes} or {\ttfamily @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 {\ttfamily @media} or {\ttfamily @supports} rule, {\ttfamily @keyframes} and {\ttfamily @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 Post\+Css AST {\bfseries{safely}}.


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

\end{DoxyCode}



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

\end{DoxyCode}
\hypertarget{md_sfcode_node_modules_postcss_discard_overridden_README_autotoc_md21045}{}\doxysection{Usage}\label{md_sfcode_node_modules_postcss_discard_overridden_README_autotoc_md21045}
See the \href{https://github.com/postcss/postcss\#usage}{\texttt{ Post\+CSS documentation}} for examples for your environment.\hypertarget{md_sfcode_node_modules_postcss_discard_overridden_README_autotoc_md21046}{}\doxysection{Contributors}\label{md_sfcode_node_modules_postcss_discard_overridden_README_autotoc_md21046}
See \href{https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md}{\texttt{ CONTRIBUTORS.\+md}}. 