| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- # [postcss][postcss]-merge-idents [][ci] [][npm] [][deps]
- > Merge keyframe and counter style identifiers.
- ## Install
- With [npm](https://npmjs.org/package/postcss-merge-idents) do:
- ```
- npm install postcss-merge-idents --save
- ```
- ## Example
- 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.
- ### Input
- ```css
- @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
- }
- ```
- ### Output
- ```css
- @keyframes flip {
- from { transform: rotate(0) }
- to { transform: rotate(360deg) }
- }
- .rotate {
- animation-name: flip
- }
- .flip {
- animation-name: flip
- }
- ```
- ## Usage
- See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for
- examples for your environment.
- ## Contributing
- Pull requests are welcome. If you add functionality, then please add unit tests
- to cover it.
- ## License
- MIT © [Ben Briggs](http://beneb.info)
- [ci]: https://travis-ci.org/ben-eb/postcss-merge-idents
- [deps]: https://gemnasium.com/ben-eb/postcss-merge-idents
- [npm]: http://badge.fury.io/js/postcss-merge-idents
- [postcss]: https://github.com/postcss/postcss
|