Merge keyframe and counter style identifiers.
With npm do:
npm install postcss-merge-idents --save
This module will merge identifiers such as @keyframes
and @counter-style
,
if their properties are identical. Then, it will update those declarations that
depend on the duplicated property.
@keyframes rotate {
from { transform: rotate(0) }
to { transform: rotate(360deg) }
}
@keyframes flip {
from { transform: rotate(0) }
to { transform: rotate(360deg) }
}
.rotate {
animation-name: rotate
}
.flip {
animation-name: flip
}
@keyframes flip {
from { transform: rotate(0) }
to { transform: rotate(360deg) }
}
.rotate {
animation-name: flip
}
.flip {
animation-name: flip
}
See the PostCSS documentation for examples for your environment.
Pull requests are welcome. If you add functionality, then please add unit tests to cover it.
MIT © Ben Briggs
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.