postcss-merge-longhand

Merge longhand properties into shorthand with PostCSS.

Install

With npm do:

npm install postcss-merge-longhand --save

Example

Merge longhand properties into shorthand; works with margin, padding & border. For more examples see the tests.

Input

h1 {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
}

Output

h1 {
    margin: 10px 20px;
}

Usage

See the PostCSS documentation for examples for your environment.

Contributors

See CONTRIBUTORS.md.

License

MIT © Ben Briggs

Current Tags

• 6.0.0                                ...           latest (2 years ago)

15 Versions

• 6.0.0                                ...           2 years ago
• 5.1.7                                ...           3 years ago
• 5.1.6                                ...           3 years ago
• 5.1.5                                ...           3 years ago
• 5.1.4                                ...           3 years ago
• 5.1.3                                ...           3 years ago
• 5.0.5                                ...           4 years ago
• 5.0.4                                ...           4 years ago
• 5.0.2                                ...           4 years ago
• 4.0.0-nightly.2020.2.6                                ...           5 years ago
• 5.0.0-rc.2                                ...           4 years ago
• 5.0.0                                ...           4 years ago
• 1.0.2                                ...           10 years ago
• 2.0.2                                ...           9 years ago
• 4.0.11                                ...           7 years ago