\begin{quote}
Ensure values are ordered consistently in your CSS. \end{quote}
\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22036}{}\doxysection{Install}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22036}
With \href{https://npmjs.org/package/postcss-ordered-values}{\texttt{ npm}} do\+:


\begin{DoxyCode}{0}
\DoxyCodeLine{npm install postcss-\/ordered-\/values -\/-\/save }

\end{DoxyCode}
\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22037}{}\doxysection{Example}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22037}
Some CSS properties accept their values in an arbitrary order; for this reason, it is entirely possible that different developers will write their values in different orders. This module normalizes the order, making it easier for other modules to understand which declarations are duplicates.\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22038}{}\doxysubsection{Input}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22038}

\begin{DoxyCode}{0}
\DoxyCodeLine{h1 \{}
\DoxyCodeLine{    border: solid 1px red;}
\DoxyCodeLine{    border: red solid .5em;}
\DoxyCodeLine{    border: rgba(0, 30, 105, 0.8) solid 1px;}
\DoxyCodeLine{    border: 1px solid red;}
\DoxyCodeLine{\} }

\end{DoxyCode}
\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22039}{}\doxysubsection{Output}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22039}

\begin{DoxyCode}{0}
\DoxyCodeLine{h1 \{}
\DoxyCodeLine{    border: 1px solid red;}
\DoxyCodeLine{    border: .5em solid red;}
\DoxyCodeLine{    border: 1px solid rgba(0, 30, 105, 0.8);}
\DoxyCodeLine{    border: 1px solid red;}
\DoxyCodeLine{\} }

\end{DoxyCode}
\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22040}{}\doxysection{Support List}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22040}
For more examples, see the \href{src/__tests__/index.js}{\texttt{ tests}}.


\begin{DoxyItemize}
\item {\ttfamily animation}, {\ttfamily -\/webkit-\/animation}
\item {\ttfamily border(border-\/left$\vert$right$\vert$top$\vert$bottom)}
\item {\ttfamily box-\/shadow}
\item {\ttfamily outline}
\item {\ttfamily flex-\/flow}
\item {\ttfamily transition}, {\ttfamily -\/webkit-\/transition}
\end{DoxyItemize}\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22041}{}\doxysection{Usage}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22041}
See the \href{https://github.com/postcss/postcss\#usage}{\texttt{ Post\+CSS documentation}} for examples for your environment.\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22042}{}\doxysection{Contributors}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22042}
See \href{https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md}{\texttt{ CONTRIBUTORS.\+md}}.\hypertarget{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22043}{}\doxysection{License}\label{md_sfcode_node_modules_postcss_ordered_values_README_autotoc_md22043}
MIT © \href{http://beneb.info}{\texttt{ Ben Briggs}} 