You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
4 years ago | |
---|---|---|
.. | ||
dist | 4 years ago | |
node_modules | 4 years ago | |
CHANGELOG.md | 4 years ago | |
LICENSE-MIT | 4 years ago | |
README.md | 4 years ago | |
package.json | 4 years ago |
README.md
postcss-merge-idents
![Dependency Status](https://gemnasium.com/ben-eb/postcss-merge-idents.svg)
Merge keyframe and counter style identifiers.
Install
With npm 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
@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
@keyframes flip {
from { transform: rotate(0) }
to { transform: rotate(360deg) }
}
.rotate {
animation-name: flip
}
.flip {
animation-name: flip
}
Usage
See the PostCSS documentation 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