https://github.com/johno/postcss-shorthand-expand
Remove shorthand properties in your CSS
https://github.com/johno/postcss-shorthand-expand
Last synced: 12 months ago
JSON representation
Remove shorthand properties in your CSS
- Host: GitHub
- URL: https://github.com/johno/postcss-shorthand-expand
- Owner: johno
- License: mit
- Created: 2015-10-05T22:06:58.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2018-11-10T03:08:12.000Z (over 7 years ago)
- Last Synced: 2025-06-15T07:31:57.292Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 8.79 KB
- Stars: 16
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
README
# postcss-shorthand-expand [](https://travis-ci.org/johnotander/postcss-shorthand-expand) [](https://github.com/feross/standard)
Expand shorthand properties in your CSS.
Note: This currently only supports a [limited list](https://github.com/kapetan/css-shorthand-expand) of shorthand properties:
- `background`
- `font`
- `padding`
- `margin`
- `border`
- `border-width`
- `border-style`
- `border-color`
- `border-top`
- `border-right`
- `border-bottom`
- `border-left`
## Installation
```bash
npm install --save postcss-shorthand-expand
```
## Usage
```javascript
var postcss = require('postcss')
var shorthandExpand = require('postcss-shorthand-expand')
postcss([ shorthandExpand() ]).process(myCss).css
```
#### Input
```css
.some-background {
background: url(image.png) no-repeat #ff0;
}
.some-font {
font: 16px / 1.2 sans-serif;
}
```
#### Output
```css
.some-background {
background-image: url(image.png);
background-repeat: no-repeat;
background-color: #ff0;
}
.some-font {
font-size: 16px;
line-height: 1.2;
font-family: sans-serif;
}
```
## Related
*
## License
MIT
## Contributing
1. Fork it
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Add some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create new Pull Request
Crafted with <3 by John Otander ([@4lpine](https://twitter.com/4lpine)).
***
> This package was initially generated with [yeoman](http://yeoman.io) and the [p generator](https://github.com/johnotander/generator-p.git).