Nikolay Vitkov
103719879d
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>
2.0 KiB
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 | (prop: string) => '' | 'font' | 'font-family' | 'font-weight'
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.
Pass a function to determine whether a css variable is one of font, font-family, and font-weight to determine whether the variable needs to remove quotes.
Usage
postcss([ require('postcss-minify-font-values') ])
See PostCSS docs for examples for your environment.
Contributors
See CONTRIBUTORS.md.
License
MIT © Bogdan Chadkin