mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-09-28 21:24:26 +08:00
Jack Franklin
a5fd0a412d
The CSS minifier we currently use (clean-css) is not maintained and lacks support for new CSS features. CSSNano is a replacement that supports features we need (primarily container queries). This CL only adds the relevant dependencies, and does not use it. I will do that (and remove clean-css) in a follow-up. Bug: 1399763 Change-Id: I899ecc4482164404dd5ac2fd13f92fb797978e29 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4092305 Commit-Queue: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Alex Rudenko <alexrudenko@chromium.org> Commit-Queue: Alex Rudenko <alexrudenko@chromium.org> Auto-Submit: Jack Franklin <jacktfranklin@chromium.org>
postcss-merge-rules
Merge CSS rules with PostCSS.
Install
With npm do:
npm install postcss-merge-rules --save
Examples
This module will attempt to merge adjacent CSS rules:
By declarations
Input
a {
color: blue;
font-weight: bold
}
p {
color: blue;
font-weight: bold
}
Output
a,p {
color: blue;
font-weight: bold
}
By selectors
Input
a {
color: blue
}
a {
font-weight: bold
}
Output
a {
color: blue;
font-weight: bold
}
By partial declarations
Input
a {
font-weight: bold
}
p {
color: blue;
font-weight: bold
}
Output
a,p {
font-weight: bold
}
p {
color: blue
}
Usage
See the PostCSS documentation for examples for your environment.
Contributors
See CONTRIBUTORS.md.
License
MIT © Ben Briggs