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-minify-font-values 
Minify font declarations with PostCSS.
This module will try to minimise the font-family, font-weight and font shorthand
properties; it can unquote font families where necessary, detect & remove
duplicates, and cut short a declaration after it finds a keyword. For more
examples, see the tests.
h1 {
font:bold 2.2rem/.9 "Open Sans Condensed", sans-serif;
}
p {
font-family: "Helvetica Neue", Arial, sans-serif, Helvetica;
font-weight: normal;
}
h1 {
font:700 2.2rem/.9 Open Sans Condensed,sans-serif
}
p {
font-family: Helvetica Neue,Arial,sans-serif;
font-weight: 400;
}
API
minifyFontValues([options])
options
removeAfterKeyword
Type: boolean
Default: false
Pass true to remove font families after the module encounters a font keyword,
for example sans-serif.
removeDuplicates
Type: boolean
Default: true
Pass false to disable the module from removing duplicated font families.
removeQuotes
Type: boolean
Default: true
Pass false to disable the module from removing quotes from font families.
Note that oftentimes, this is a safe optimisation & is done safely. For more
details, see Mathias Bynens' article.
Usage
postcss([ require('postcss-minify-font-values') ])
See PostCSS docs for examples for your environment.
Contributors
See CONTRIBUTORS.md.
License
MIT © Bogdan Chadkin