mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-09-28 13:13:37 +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>
73 lines
1.4 KiB
Markdown
73 lines
1.4 KiB
Markdown
# [postcss][postcss]-ordered-values
|
|
|
|
> Ensure values are ordered consistently in your CSS.
|
|
|
|
|
|
## Install
|
|
|
|
With [npm](https://npmjs.org/package/postcss-ordered-values) do:
|
|
|
|
```
|
|
npm install postcss-ordered-values --save
|
|
```
|
|
|
|
|
|
## Example
|
|
|
|
Some CSS properties accept their values in an arbitrary order; for this reason,
|
|
it is entirely possible that different developers will write their values in
|
|
different orders. This module normalizes the order, making it easier for other
|
|
modules to understand which declarations are duplicates.
|
|
|
|
### Input
|
|
|
|
```css
|
|
h1 {
|
|
border: solid 1px red;
|
|
border: red solid .5em;
|
|
border: rgba(0, 30, 105, 0.8) solid 1px;
|
|
border: 1px solid red;
|
|
}
|
|
```
|
|
|
|
### Output
|
|
|
|
```css
|
|
h1 {
|
|
border: 1px solid red;
|
|
border: .5em solid red;
|
|
border: 1px solid rgba(0, 30, 105, 0.8);
|
|
border: 1px solid red;
|
|
}
|
|
```
|
|
|
|
|
|
## Support List
|
|
|
|
For more examples, see the [tests](src/__tests__/index.js).
|
|
|
|
* `animation`, `-webkit-animation`
|
|
* `border(border-left|right|top|bottom)`
|
|
* `box-shadow`
|
|
* `outline`
|
|
* `flex-flow`
|
|
* `transition`, `-webkit-transition`
|
|
|
|
|
|
## Usage
|
|
|
|
See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for
|
|
examples for your environment.
|
|
|
|
|
|
## Contributors
|
|
|
|
See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).
|
|
|
|
|
|
## License
|
|
|
|
MIT © [Ben Briggs](http://beneb.info)
|
|
|
|
[postcss]: https://github.com/postcss/postcss
|