https://github.com/johno/postcss-shorthand-expand

Remove shorthand properties in your CSS
https://github.com/johno/postcss-shorthand-expand

Last synced: 3 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 (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-11-10T03:08:12.000Z (about 6 years ago)
• Last Synced: 2024-10-09T09:49:48.571Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 8.79 KB
• Stars: 16
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

        
# postcss-shorthand-expand [![Build Status](https://secure.travis-ci.org/johnotander/postcss-shorthand-expand.png?branch=master)](https://travis-ci.org/johnotander/postcss-shorthand-expand) [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](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).