Are you over 18 and want to see adult content?
More Annotations
A complete backup of nommiesplace.com
Are you over 18 and want to see adult content?
A complete backup of lookdirectory.com
Are you over 18 and want to see adult content?
A complete backup of street-directory.com.au
Are you over 18 and want to see adult content?
A complete backup of halfmoonbaygolf.com
Are you over 18 and want to see adult content?
A complete backup of wbstudiotour.co.uk
Are you over 18 and want to see adult content?
A complete backup of oldbaileyonline.org
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of mathildenhoehe.eu
Are you over 18 and want to see adult content?
A complete backup of thegeniusprof.com
Are you over 18 and want to see adult content?
A complete backup of pandoracharmssaleclearances.co.uk
Are you over 18 and want to see adult content?
A complete backup of morgancreekcap.com
Are you over 18 and want to see adult content?
A complete backup of dog-training-excellence.com
Are you over 18 and want to see adult content?
Text
future
CONFIG FILES
BLOG | CSSNANO
Bug fixes#. fix improperly discarding @font-face declarations #726; partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004; fix translate3d() minification #920; fix minification of values starting with e #589, #984; fix minification of percentage vaalues #962, #957; fix minification of aspect-ratio #963; fix merging of @supports rules #974GETTING STARTED
What is a build process?# A build process is a sequence of tasks, usually automated, that you run each time that you want to deploy a new release of your application. cssnano fits into this build process as a tool that should be run on your development CSS, and in turn will create compressed production assets.PRESETS | CSSNANO
The preset name points to a resolvable node module, optionally with the cssnano-preset-prefix. So you can specify cssnano-preset-default here instead if you wish.. If you need to pass any options to a preset, you must specify them using the array syntax instead.OPTIMISATIONS
What are optimisations?# An optimisation is a module that performs a transform on some CSS code in order to reduce its size, or failing this, the final gzip size of the CSS.OPTIMISATIONS
Latest release v5.0.5 · Distributed under the MIT License.DISCARDOVERRIDDEN
discardOverridden. Removes at-rules which have the same identifier as another; for example two instances of @keyframes one. As the browser will only count the last of these declarations, all others can safely be removed. Edit this page. Last updated on 7/7/2020 by Anix.NORMALIZEUNICODE
This optimisation can convert unicode-range descriptors to use the shorter wildcard ranges when a particular value meets the wildcard criteria. Values will be converted when the code matches 0 & f in the same place on both sides of the range. So, u+2000-2fff can be converted to u+2???, but u+2100-2fff will be left as it is.DISCARDCOMMENTS
discardComments. Removes comments in and around rules, selectors & declarations. Note that any special comments marked with ! are kept by default. Edit this page. Last updated on 7/7/2020 by CSSNANO | CSSNANOOPTIMIZATIONSPLAYGROUNDBLOG cssnano is powered by PostCSS, a tool for transforming styles with JavaScript. Specifically, its plugin architecture allows us to compose cssnano out of small modules with limited responsibilities. It also allows you to easily insert cssnano into your build step, along with other processors that can lint your CSS for errors, or transpilefuture
CONFIG FILES
BLOG | CSSNANO
Bug fixes#. fix improperly discarding @font-face declarations #726; partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004; fix translate3d() minification #920; fix minification of values starting with e #589, #984; fix minification of percentage vaalues #962, #957; fix minification of aspect-ratio #963; fix merging of @supports rules #974GETTING STARTED
What is a build process?# A build process is a sequence of tasks, usually automated, that you run each time that you want to deploy a new release of your application. cssnano fits into this build process as a tool that should be run on your development CSS, and in turn will create compressed production assets.PRESETS | CSSNANO
The preset name points to a resolvable node module, optionally with the cssnano-preset-prefix. So you can specify cssnano-preset-default here instead if you wish.. If you need to pass any options to a preset, you must specify them using the array syntax instead.OPTIMISATIONS
What are optimisations?# An optimisation is a module that performs a transform on some CSS code in order to reduce its size, or failing this, the final gzip size of the CSS.OPTIMISATIONS
Latest release v5.0.5 · Distributed under the MIT License.DISCARDOVERRIDDEN
discardOverridden. Removes at-rules which have the same identifier as another; for example two instances of @keyframes one. As the browser will only count the last of these declarations, all others can safely be removed. Edit this page. Last updated on 7/7/2020 by Anix.NORMALIZEUNICODE
This optimisation can convert unicode-range descriptors to use the shorter wildcard ranges when a particular value meets the wildcard criteria. Values will be converted when the code matches 0 & f in the same place on both sides of the range. So, u+2000-2fff can be converted to u+2???, but u+2100-2fff will be left as it is.DISCARDCOMMENTS
discardComments. Removes comments in and around rules, selectors & declarations. Note that any special comments marked with ! are kept by default. Edit this page. Last updated on 7/7/2020 byBLOG | CSSNANO
Bug fixes#. fix improperly discarding @font-face declarations #726; partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004; fix translate3d() minification #920; fix minification of values starting with e #589, #984; fix minification of percentage vaalues #962, #957; fix minification of aspect-ratio #963; fix merging of @supports rules #974GETTING STARTED
What is a build process?# A build process is a sequence of tasks, usually automated, that you run each time that you want to deploy a new release of your application. cssnano fits into this build process as a tool that should be run on your development CSS, and in turn will create compressed production assets.CHANGELOG | CSSNANO
cssnano.process is no longer a custom method; we use the built-in process method exposed on each PostCSS plugin. The new signature is cssnano.process (css, postcssOpts, cssnanoOpts), in 3.x it was cssnano.process (css, cssnanoOpts). We dropped support for Node 0.12, now requiring at least Node 4.MERGEIDENTS
mergeIdents. This will merge rules together that may have slightly different naming but do the same thing. Note that this is only unsafe if you rely on those animation names in JavaScript. Edit this page. Last updated on 7/7/2020 by Anix. CSSDECLARATIONSORTER Sorts CSS declarations based on their property names, sorted CSS is smaller when gzipped because there will be more similar strings.MINIFYPARAMS
Trims whitespace and normalizes at-rule parameters. Latest release v5.0.5 · Distributed under the MIT License.NORMALIZEWHITESPACE
Trims whitespace inside and around rules, selectors & declarations, plus removes the final semicolon inside every selector.MINIFYFONTVALUES
Normalizes font & font-family declarations, and can convert fontweight
DISCARDUNUSED
discardUnused. Removes at-rules that do not have any bearing on the CSS file. This is unsafe if you have other stylesheets which pair up to these rules. Edit this page. Last updated on 7/7/2020 by Anix.DISCARDDUPLICATES
Removes duplicated rules, at-rules and declarations. Note that thisonly works
CSSNANO | CSSNANOOPTIMIZATIONSBLOG cssnano is powered by PostCSS, a tool for transforming styles with JavaScript. Specifically, its plugin architecture allows us to compose cssnano out of small modules with limited responsibilities. It also allows you to easily insert cssnano into your build step, along with other processors that can lint your CSS for errors, or transpilefuture
CONFIG FILES
BLOG | CSSNANO
Bug fixes#. fix improperly discarding @font-face declarations #726; partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004; fix translate3d() minification #920; fix minification of values starting with e #589, #984; fix minification of percentage vaalues #962, #957; fix minification of aspect-ratio #963; fix merging of @supports rules #974GETTING STARTED
What is a build process?# A build process is a sequence of tasks, usually automated, that you run each time that you want to deploy a new release of your application. cssnano fits into this build process as a tool that should be run on your development CSS, and in turn will create compressed production assets.PRESETS | CSSNANO
The preset name points to a resolvable node module, optionally with the cssnano-preset-prefix. So you can specify cssnano-preset-default here instead if you wish.. If you need to pass any options to a preset, you must specify them using the array syntax instead.OPTIMISATIONS
What are optimisations?# An optimisation is a module that performs a transform on some CSS code in order to reduce its size, or failing this, the final gzip size of the CSS.OPTIMISATIONS
Latest release v5.0.5 · Distributed under the MIT License.DISCARDOVERRIDDEN
discardOverridden. Removes at-rules which have the same identifier as another; for example two instances of @keyframes one. As the browser will only count the last of these declarations, all others can safely be removed. Edit this page. Last updated on 7/7/2020 by Anix.NORMALIZEUNICODE
This optimisation can convert unicode-range descriptors to use the shorter wildcard ranges when a particular value meets the wildcard criteria. Values will be converted when the code matches 0 & f in the same place on both sides of the range. So, u+2000-2fff can be converted to u+2???, but u+2100-2fff will be left as it is.DISCARDCOMMENTS
discardComments. Removes comments in and around rules, selectors & declarations. Note that any special comments marked with ! are kept by default. Edit this page. Last updated on 7/7/2020 by CSSNANO | CSSNANOOPTIMIZATIONSBLOG cssnano is powered by PostCSS, a tool for transforming styles with JavaScript. Specifically, its plugin architecture allows us to compose cssnano out of small modules with limited responsibilities. It also allows you to easily insert cssnano into your build step, along with other processors that can lint your CSS for errors, or transpilefuture
CONFIG FILES
BLOG | CSSNANO
Bug fixes#. fix improperly discarding @font-face declarations #726; partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004; fix translate3d() minification #920; fix minification of values starting with e #589, #984; fix minification of percentage vaalues #962, #957; fix minification of aspect-ratio #963; fix merging of @supports rules #974GETTING STARTED
What is a build process?# A build process is a sequence of tasks, usually automated, that you run each time that you want to deploy a new release of your application. cssnano fits into this build process as a tool that should be run on your development CSS, and in turn will create compressed production assets.PRESETS | CSSNANO
The preset name points to a resolvable node module, optionally with the cssnano-preset-prefix. So you can specify cssnano-preset-default here instead if you wish.. If you need to pass any options to a preset, you must specify them using the array syntax instead.OPTIMISATIONS
What are optimisations?# An optimisation is a module that performs a transform on some CSS code in order to reduce its size, or failing this, the final gzip size of the CSS.OPTIMISATIONS
Latest release v5.0.5 · Distributed under the MIT License.DISCARDOVERRIDDEN
discardOverridden. Removes at-rules which have the same identifier as another; for example two instances of @keyframes one. As the browser will only count the last of these declarations, all others can safely be removed. Edit this page. Last updated on 7/7/2020 by Anix.NORMALIZEUNICODE
This optimisation can convert unicode-range descriptors to use the shorter wildcard ranges when a particular value meets the wildcard criteria. Values will be converted when the code matches 0 & f in the same place on both sides of the range. So, u+2000-2fff can be converted to u+2???, but u+2100-2fff will be left as it is.DISCARDCOMMENTS
discardComments. Removes comments in and around rules, selectors & declarations. Note that any special comments marked with ! are kept by default. Edit this page. Last updated on 7/7/2020 byBLOG | CSSNANO
Bug fixes#. fix improperly discarding @font-face declarations #726; partially fix some isues where cssnano did not combine rules when used together with postcss-nested #1004; fix translate3d() minification #920; fix minification of values starting with e #589, #984; fix minification of percentage vaalues #962, #957; fix minification of aspect-ratio #963; fix merging of @supports rules #974GETTING STARTED
What is a build process?# A build process is a sequence of tasks, usually automated, that you run each time that you want to deploy a new release of your application. cssnano fits into this build process as a tool that should be run on your development CSS, and in turn will create compressed production assets.CHANGELOG | CSSNANO
cssnano.process is no longer a custom method; we use the built-in process method exposed on each PostCSS plugin. The new signature is cssnano.process (css, postcssOpts, cssnanoOpts), in 3.x it was cssnano.process (css, cssnanoOpts). We dropped support for Node 0.12, now requiring at least Node 4.MERGEIDENTS
mergeIdents. This will merge rules together that may have slightly different naming but do the same thing. Note that this is only unsafe if you rely on those animation names in JavaScript. Edit this page. Last updated on 7/7/2020 by Anix. CSSDECLARATIONSORTER Sorts CSS declarations based on their property names, sorted CSS is smaller when gzipped because there will be more similar strings.MINIFYPARAMS
Trims whitespace and normalizes at-rule parameters. Latest release v5.0.5 · Distributed under the MIT License.NORMALIZEWHITESPACE
Trims whitespace inside and around rules, selectors & declarations, plus removes the final semicolon inside every selector.MINIFYFONTVALUES
Normalizes font & font-family declarations, and can convert fontweight
DISCARDUNUSED
discardUnused. Removes at-rules that do not have any bearing on the CSS file. This is unsafe if you have other stylesheets which pair up to these rules. Edit this page. Last updated on 7/7/2020 by Anix.DISCARDDUPLICATES
Removes duplicated rules, at-rules and declarations. Note that thisonly works
Guides Community Support Us Blog Playground GitHub Deliver your website's styles, faster. Plug in cssnano into your build step for modern CSS compression.Get Started
WHAT IT DOES
cssnano takes your nicely formatted CSS and runs it through many focused optimisations, to ensure that the final result is as small as possible for a production environment. /* normalize selectors */ h1::before, h1:before { /* reduce shorthand even further */ margin: 10px 20px 10px 20px; /* reduce color values */color: #ff0000;
/* remove duplicated properties */font-weight: 400;
font-weight: 400;
/* reduce position values */ background-position: bottom right; /* normalize wrapping quotes */ quotes: '«' "»"; /* reduce gradient parameters */ background: linear-gradient(to bottom, #ffe500 0%, #ffe500 50%, #121 50%, #121 100%); /* replace initial values */ min-width: initial;}
/* correct invalid placement */@charset "utf-8";
@charset "utf-8";h1:before{margin:10px 20px;color:red;font-weight:400;background-position:100% 100%;quotes:"«" "»";background:linear-gradient(180deg,#ffe500,#ffe500 50%,#121 0,#121);min-width:0} The semantics of this CSS have been kept the same, but the extraneous whitespace has been removed, the identifiers compressed, and unnecessary definitions purged from the stylesheet. This gives you a much smaller CSS for production use. But don’t just take our word for it; why not try out css-size , a module especially created to measure CSS size before & after minification.Original (gzip)
325 B
Minified (gzip)
177 B
Difference
148 B
Percent
54.46%
By default, cssnano performs safe optimisations on your CSS file, but we also offer an advanced preset with techniques that you can use to maximise compression. For more details, see our optimisations guide.
npm install cssnano CopyTECHNOLOGY
cssnano is powered by PostCSS , a tool for transforming styles with JavaScript. Specifically, its plugin architecture allows us to compose cssnano out of small modules with limited responsibilities. It also allows you to easily insert cssnano into your build step, along with other processors that can lint your CSS for errors, or transpile future syntax.postcss-logo-symbol
Latest release v4.1.10 · Changelog · Distributed underthe MIT License.
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0