https://github.com/andrepolischuk/postcss-border

PostCSS plugin for border shortcut
https://github.com/andrepolischuk/postcss-border

border postcss postcss-plugin

Last synced: about 1 month ago
JSON representation

PostCSS plugin for border shortcut

• Host: GitHub
• URL: https://github.com/andrepolischuk/postcss-border
• Owner: andrepolischuk
• License: mit
• Created: 2015-06-29T11:05:19.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-04-24T11:38:01.000Z (over 7 years ago)
• Last Synced: 2024-09-28T09:22:55.350Z (about 2 months ago)
• Topics: border, postcss, postcss-plugin
• Language: JavaScript
• Size: 11.7 KB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# postcss-border [![Build Status][travis-image]][travis-url]

> [PostCSS][postcss] plugin for border shortcut

```css

/* before */

.hello {

  border: 1px 0 solid #000;

}

/* after */

.hello {

  border: 1px solid #000;

  border-width: 1px 0;

}

```

## Install

```sh

npm install --save-dev postcss-border

```

## Usage

### PostCSS

```js

var fs = require('fs');

var postcss = require('postcss');

var border = require('postcss-border');

var css = fs.readFileSync('input.css', 'utf8');

var output = postcss([border])

  .process(css)

  .css;

```

### Gulp

```js

var gulp = require('gulp');

var postcss = require('gulp-postcss');

var border = require('postcss-border');

gulp.task('css', function () {

  return gulp.src('./src')

    .pipe(postcss([

      border

    ]))

    .pipe(gulp.dest('./dist'));

});

```

## License

MIT

[travis-url]: https://travis-ci.org/andrepolischuk/postcss-border

[travis-image]: https://travis-ci.org/andrepolischuk/postcss-border.svg?branch=master

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