Skip to content

Commit 78864ac

Browse files
collect plugins data
1 parent cb8489c commit 78864ac

204 files changed

Lines changed: 2394 additions & 2109 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

npm-data/links.json

Lines changed: 248 additions & 8 deletions
Large diffs are not rendered by default.

npm-data/maintained-plugins.json

Lines changed: 356 additions & 364 deletions
Large diffs are not rendered by default.

npm-data/maybe-plugins.json

Lines changed: 914 additions & 940 deletions
Large diffs are not rendered by default.

npm-data/plugins.json

Lines changed: 485 additions & 493 deletions
Large diffs are not rendered by default.

npm-data/plugins/@520qiuyu/px-to-viewport.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,7 @@
135135
10,
136136
5,
137137
4,
138+
6,
138139
6
139140
]
140141
}

npm-data/plugins/@amatiasq/postcss-discard-duplicates.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -243,6 +243,7 @@
243243
68,
244244
7,
245245
6,
246-
23
246+
23,
247+
13
247248
]
248249
}

npm-data/plugins/@classicmike/postcss-shadrem.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -377,7 +377,6 @@
377377
"readme": "# Shad-REM\n\nWelcome to **Shad-REM**, a PostCSS plugin designed to help you work with REM units within shadow DOMs. Shad-REM allows you to use a new CSS custom unit property called `--shadrem` which lets you base your REM calculations on the shadow root instead of the document root node.\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Features](#features)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Examples](#examples)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Introduction\n\nIn web development, managing CSS units within shadow DOMs can be challenging. Traditional REM units are based on the root font size of the document, which may not always be what you want when working within shadow roots. Shad-REM solves this problem by introducing a new CSS unit, `shad rem`, that respects the font size of the shadow root.\n\n## Features\n\n- **Shadow Root Aware:** Converts REM units to `shad rem` units based on the shadow root's font size.\n- **Seamless Integration:** Works seamlessly with your existing PostCSS setup.\n- **Flexible:** Allows you to maintain consistent styling within shadow DOMs.\n\n## Installation\n\nTo install Shad-REM, you need to have PostCSS and the PostCSS CLI set up in your project. Then, you can install Shad-REM via npm:\n\n```bash\nnpm install @classicmike/postcss-shadrem --save-dev\n```\n\n## Usage\n\nOnce installed, you need to configure PostCSS to use the Shad-REM plugin. Create or update your PostCSS configuration file (e.g., `postcss.config.js` or `postcss.config.cjs`) to include Shad-REM.\n\n```javascript\n// postcss.config.js\nmodule.exports = {\n plugins: [\n require('@classicmike/postcss-shadrem'),\n // other plugins\n ]\n};\n```\n\n## Examples\n\nHere are some examples of how Shad-REM transforms your CSS:\n\n### A note before using ShadREM.\nBefore using ShadREM, if you have a root font size other than what is set in your browser default, ensure your shadow root element has that font size set up. I.e:\n\n```\n // What used to be in the document root element.\n :host {\n font-size: 16px;\n }\n```\n\n### Before Shad-REM\n\n```css\n/* Input CSS */\n.my-element {\n font-size: 1.5rem;\n margin: 2rem;\n}\n```\n\n### After Shad-REM\n\nAssuming a base font size of `16px` in the shadow root, the output CSS will be:\n\n```css\n/* Output CSS */\n.my-element {\n font-size: calc(1.5 * var(--shadrem)); /* Equivalent to 24px if base font size is 16px */\n margin: calc(2 * var(--shadrem)); /* Equivalent to 32px if base font size is 16px */\n}\n```\n\n## Contributing\n\nWe welcome contributions to Shad-REM! If you find any issues or have ideas for improvements, please submit a pull request or open an issue on our GitHub repository.\n\n## License\n\nShad-REM is licensed under the [MIT License](LICENSE). See the [LICENSE](LICENSE) file for more information.\n\n---\n\nFeel free to customize and extend Shad-REM to better fit your needs. Happy coding!\n",
378378
"readmeFilename": "README.md",
379379
"_downloads": [
380-
404,
381380
264,
382381
161,
383382
156,
@@ -396,6 +395,7 @@
396395
378,
397396
378,
398397
376,
399-
446
398+
446,
399+
456
400400
]
401401
}

npm-data/plugins/@csstools/postcss-alpha-function.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -681,7 +681,6 @@
681681
"readme": "# PostCSS Alpha Function [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-alpha-function --save-dev`\n\n[PostCSS Alpha Function] lets you use the `alpha` function in\nCSS, following the [CSS Color] specification.\n\n```css\n.color {\n\tcolor: alpha(from #dddd / calc(alpha / 2));\n}\n\n:root {\n\t--a-color: alpha(from rgb(2 1 0 / var(--a)) / calc(alpha / 2));\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(from #dddd r g b / calc(alpha / 2));\n}\n\n:root {\n\t--a-color: rgb(from rgb(2 1 0 / var(--a)) r g b / calc(alpha / 2));\n}\n```\n\n## Usage\n\nAdd [PostCSS Alpha Function] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-alpha-function --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssAlphaFunction = require('@csstools/postcss-alpha-function');\n\npostcss([\n\tpostcssAlphaFunction(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### preserve\n\nThe `preserve` option determines whether the original notation\nis preserved. By default, it is not preserved.\n\n```js\npostcssAlphaFunction({ preserve: true })\n```\n\n```css\n.color {\n\tcolor: alpha(from #dddd / calc(alpha / 2));\n}\n\n:root {\n\t--a-color: alpha(from rgb(2 1 0 / var(--a)) / calc(alpha / 2));\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(from #dddd r g b / calc(alpha / 2));\n\tcolor: alpha(from #dddd / calc(alpha / 2));\n}\n\n:root {\n\t--a-color: rgb(from rgb(2 1 0 / var(--a)) r g b / calc(alpha / 2));\n}\n\n@supports (color: alpha(from red / 1)) and (color: rgb(0 0 0 / 0)) {\n:root {\n\t--a-color: alpha(from rgb(2 1 0 / var(--a)) / calc(alpha / 2));\n}\n}\n```\n\n### enableProgressiveCustomProperties\n\nThe `enableProgressiveCustomProperties` option determines whether the original notation\nis wrapped with `@supports` when used in Custom Properties. By default, it is enabled.\n\n> [!NOTE]\n> We only recommend disabling this when you set `preserve` to `false` or if you bring your own fix for Custom Properties. \n> See what the plugin does in its [README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties#readme).\n\n```js\npostcssAlphaFunction({ enableProgressiveCustomProperties: false })\n```\n\n```css\n.color {\n\tcolor: alpha(from #dddd / calc(alpha / 2));\n}\n\n:root {\n\t--a-color: alpha(from rgb(2 1 0 / var(--a)) / calc(alpha / 2));\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(from #dddd r g b / calc(alpha / 2));\n\tcolor: alpha(from #dddd / calc(alpha / 2));\n}\n\n:root {\n\t--a-color: rgb(from rgb(2 1 0 / var(--a)) r g b / calc(alpha / 2));\n\t--a-color: alpha(from rgb(2 1 0 / var(--a)) / calc(alpha / 2));\n}\n```\n\n_Custom properties do not fallback to the previous declaration_\n\n## Copyright : color conversions\n\nThis software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/tree/main/css-color-4. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#alpha-function\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-alpha-function\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Alpha Function]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-alpha-function\n[CSS Color]: https://drafts.csswg.org/css-color-5/#relative-alpha\n",
682682
"readmeFilename": "README.md",
683683
"_downloads": [
684-
2149563,
685684
2467293,
686685
2465406,
687686
3032831,
@@ -700,6 +699,7 @@
700699
3749740,
701700
4130311,
702701
4171388,
703-
4209056
702+
4209056,
703+
4125467
704704
]
705705
}

npm-data/plugins/@csstools/postcss-color-function-display-p3-linear.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -579,7 +579,6 @@
579579
"readme": "# PostCSS Color Function Display P3 Linear [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-color-function-display-p3-linear --save-dev`\n\n[PostCSS Color Function Display P3 Linear] lets you use the `display-p3-linear` color space in the `color` function in\nCSS, following the [CSS Color] specification.\n\n```css\n.color {\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n/* becomes */\n\n.color {\n\tcolor: color(display-p3 0.59096 0.12316 0.26409);\n}\n\n:root {\n\t--a-color: color(display-p3 0.59096 0.12316 0.26409);\n}\n```\n\n## Usage\n\nAdd [PostCSS Color Function Display P3 Linear] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-color-function-display-p3-linear --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssColorFunctionDisplayP3Linear = require('@csstools/postcss-color-function-display-p3-linear');\n\npostcss([\n\tpostcssColorFunctionDisplayP3Linear(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### preserve\n\nThe `preserve` option determines whether the original notation\nis preserved. By default, it is not preserved.\n\n```js\npostcssColorFunctionDisplayP3Linear({ preserve: true })\n```\n\n```css\n.color {\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n/* becomes */\n\n.color {\n\tcolor: color(display-p3 0.59096 0.12316 0.26409);\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3 0.59096 0.12316 0.26409);\n}\n\n@supports (color: color(display-p3-linear 0 0 0)) {\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n}\n```\n\n### enableProgressiveCustomProperties\n\nThe `enableProgressiveCustomProperties` option determines whether the original notation\nis wrapped with `@supports` when used in Custom Properties. By default, it is enabled.\n\n> [!NOTE]\n> We only recommend disabling this when you set `preserve` to `false` or if you bring your own fix for Custom Properties. \n> See what the plugin does in its [README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties#readme).\n\n```js\npostcssColorFunctionDisplayP3Linear({ enableProgressiveCustomProperties: false })\n```\n\n```css\n.color {\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n/* becomes */\n\n.color {\n\tcolor: color(display-p3 0.59096 0.12316 0.26409);\n\tcolor: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n\n:root {\n\t--a-color: color(display-p3 0.59096 0.12316 0.26409);\n\t--a-color: color(display-p3-linear 0.3081 0.014 0.0567);\n}\n```\n\n_Custom properties do not fallback to the previous declaration_\n\n## Copyright : color conversions\n\nThis software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/tree/main/css-color-4. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#color-function-display-p3-linear\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-color-function-display-p3-linear\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Color Function Display P3 Linear]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear\n[CSS Color]: https://drafts.csswg.org/css-color-4/#predefined-display-p3-linear\n",
580580
"readmeFilename": "README.md",
581581
"_downloads": [
582-
2052581,
583582
2131025,
584583
2149641,
585584
2163442,
@@ -598,6 +597,7 @@
598597
3659734,
599598
3901109,
600599
3901109,
601-
4223738
600+
4223738,
601+
4122108
602602
]
603603
}

npm-data/plugins/@csstools/postcss-debug-logger.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -590,7 +590,6 @@
590590
"readme": "# PostCSS Debug Logger [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-debug-logger --save-dev`\n\n[PostCSS Debug Logger] logs the AST nodes PostCSS is processing.\n\nThis is mainly useful to track down infinite loops in PostCSS plugins.\n\n## Usage\n\nAdd [PostCSS Debug Logger] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-debug-logger --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssDebugLogger = require('@csstools/postcss-debug-logger');\n\npostcss([\n\tpostcssDebugLogger(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-debug-logger\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Debug Logger]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-debug-logger\n",
591591
"readmeFilename": "README.md",
592592
"_downloads": [
593-
3992,
594593
3826,
595594
3901,
596595
3905,
@@ -609,6 +608,7 @@
609608
4630,
610609
4092,
611610
4368,
612-
4182
611+
4182,
612+
4014
613613
]
614614
}

0 commit comments

Comments
 (0)