https://github.com/jakelazaroff/postcss-border-radius

PostCSS plugin for border-radius shorthand
https://github.com/jakelazaroff/postcss-border-radius

Last synced: 1 day ago
JSON representation

PostCSS plugin for border-radius shorthand

• Host: GitHub
• URL: https://github.com/jakelazaroff/postcss-border-radius
• Owner: jakelazaroff
• License: mit
• Created: 2015-12-08T05:36:18.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-12-08T05:54:33.000Z (about 9 years ago)
• Last Synced: 2025-01-08T05:45:47.187Z (11 days ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PostCSS Border Radius [![Build Status][ci-img]][ci]

[PostCSS] plugin for border-radius shorthand.

[PostCSS]: https://github.com/postcss/postcss

[ci-img]:  https://travis-ci.org/jakelazaroff/postcss-border-radius.svg

[ci]:      https://travis-ci.org/jakelazaroff/postcss-border-radius

## Usage

```js

postcss([ require('postcss-border-radius') ])

```

**Input:**

```css

.top {

    border-top-radius: 5px;

}

.right {

    border-right-radius: 5px;

}

.bottom {

    border-bottom-radius: 5px;

}

.left {

    border-left-radius: 5px;

}

```

**Output:**

```css

.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.