Files
Nikolay Vitkov 103719879d [deps] Update CSS related deps
Bug: none
Change-Id: I9389834400d90beed8df9f28356720031abe9ef1
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6225902
Commit-Queue: Benedikt Meurer <bmeurer@chromium.org>
Auto-Submit: Nikolay Vitkov <nvitkov@chromium.org>
Reviewed-by: Benedikt Meurer <bmeurer@chromium.org>
2025-02-04 02:17:29 -08:00
..
2022-12-09 12:08:23 +00:00
2025-02-04 02:17:29 -08:00
2022-12-09 12:08:23 +00:00
2025-02-04 02:17:29 -08:00
2022-12-09 12:08:23 +00:00

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