postcss-border-radius
v1.0.0
Published
PostCSS plugin for border-radius shorthand
Downloads
84
Maintainers
Readme
PostCSS Border Radius
PostCSS plugin for border-radius shorthand.
Usage
postcss([ require('postcss-border-radius') ])
Input:
.top {
border-top-radius: 5px;
}
.right {
border-right-radius: 5px;
}
.bottom {
border-bottom-radius: 5px;
}
.left {
border-left-radius: 5px;
}
Output:
.top {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.right {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.bottom {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.left {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
See PostCSS docs for examples for your environment.