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.