collect plugins data

Author: github-actions[bot]

npm-data/links.json

@@ -220,5 +220,5 @@
 	"license": "MIT",
 	"readme": "> Modern CSS Formatter\n\n<div align=\"center\">\n  <a href=\"https://github.com/morishitter/stylefmt\">\n    <img width=360px src=\"http://morishitter.github.io/stylefmt-logo.svg\">\n  </a>\n</div>\n<br>\n\n<p align=\"center\"><big>\n\n</big></p>\n\n<p align=\"center\">\n  <a href=\"https://travis-ci.org/morishitter/stylefmt\">\n    <img src=\"https://travis-ci.org/morishitter/stylefmt.svg\"\n         alt=\"Build Status\">\n  </a>\n\n  <a href=\"https://www.npmjs.com/package/stylefmt\">\n    <img src=\"https://img.shields.io/npm/v/stylefmt.svg?style=flat-square\"\n         alt=\"NPM Version\">\n  </a>\n\n  <a href=\"https://www.npmjs.org/package/stylefmt\">\n    <img src=\"https://img.shields.io/npm/dm/stylefmt.svg?style=flat-square\"\n         alt=\"Downloads\">\n  </a>\n\n  <a href=\"https://david-dm.org/morishitter/stylefmt\">\n    <img src=\"https://david-dm.org/morishitter/stylefmt.svg\"\n         alt=\"Dependency Status\">\n  </a>\n\n  <a href=\"https://opensource.org/licenses/MIT\">\n    <img src=\"https://img.shields.io/badge/license-MIT-444444.svg?style=flat-square\"\n         alt=\"License\">\n  </a>\n\n  <a href=\"https://gitter.im/morishitter/stylefmt\">\n    <img src=\"https://badges.gitter.im/Join%20Chat.svg\"\n         alt=\"Gitter\">\n  </a>\n</p>\n<br>\n\nstylefmt is a tool that automatically formats CSS according to [stylelint](http://stylelint.io/) rules.\n\nstylefmt'd code is:\n\n- easier to **write** : never worry about minor formatting concerns while hacking away.\n- easier to **read** : when all code looks the same you need not mentally convert others' formatting style into something you can understand.\n- easier to **maintain** : mechanical changes to the source don't cause unrelated changes to the file's formatting; diffs show only the real changes.\n- **uncontroversial** : never have a debate about spacing or brace position ever again!\n\n## NOTICE: Consider other tools before adopting stylefmt\n\nIf you are using stylefmt with stylelint configuration to format according to its rules, you can now use stylelint's [--fix](https://github.com/stylelint/stylelint/releases/tag/7.11.0) option (from v7.11.0) to autofix.\n\nAnother on the other hand, [prettier](https://github.com/prettier/prettier) supports to format not only JavaScript but also CSS, SCSS and Less code.\n\n## Features\n\n- **Supports the latest CSS syntax:** Including custom properties, range context for media features, `calc()` and nesting.\n- **Understands CSS-like syntaxes:** stylefmt is powered by [PostCSS](https://github.com/postcss/postcss), so it understands any syntax that PostCSS can parse, including SCSS.\n- **Works well with stylelint:** [stylelint](http://stylelint.io/) is a mighty, modern CSS linter. stylefmt can understand the formatting rules specified in your stylelint configuration file (`.stylelintrc`).\n\n## Examples\n\n### Future CSS syntax (cssnext)\n\nInput (input.css):\n\n```css\n/* custom properties */\n:root{--fontSize: 1rem;\n  --mainColor       :#12345678;\n--highlightColor:hwb(190, 35%, 20%);\n}\n\n/* custom media queries */\n@custom-media\n\n--viewport-medium(width<=50rem);\n\n/* some var() & calc() */\nbody{color:var(--mainColor);\n    font-size:var(--fontSize);\n line-height: calc(var(--fontSize) * 1.5);\npadding: calc((var(--fontSize) / 2) + 1px)}\n\n/* custom media query usage */\n@media (--viewport-medium) {\nbody {font-size: calc(var(--fontSize) * 1.2); }\n}\n\n/* custom selectors */\n@custom-selector :--heading h1,h2,h3,    h4,h5,h6;\n:--heading { margin-top:0 }\n\n/* colors stuff */\na{\ncolor:var(--highlightColor);\n    transition:color 1s;\n}\na:hover{color  :gray(255,50%) }\na:active{color : rebeccapurple }\na:any-link { color:color(var(--highlightColor) blackness(+20%)) }\n\n/* font stuff */\nh2 {font-variant-caps:small-caps;\n}table{font-variant-numeric: lining-nums;\n}\n\n/* filters */\n.blur{filter:blur(4px)}.sepia{\nfilter: sepia(.8);}\n\n```\n\nYield:\n\n```css\n/* custom properties */\n:root {\n  --fontSize: 1rem;\n  --mainColor: #12345678;\n  --highlightColor: hwb(190, 35%, 20%);\n}\n\n/* custom media queries */\n@custom-media --viewport-medium (width <= 50rem);\n\n/* some var() & calc() */\nbody {\n  color: var(--mainColor);\n  font-size: var(--fontSize);\n  line-height: calc(var(--fontSize) * 1.5);\n  padding: calc((var(--fontSize) / 2) + 1px);\n}\n\n/* custom media query usage */\n@media (--viewport-medium) {\n  body {\n    font-size: calc(var(--fontSize) * 1.2);\n  }\n}\n\n/* custom selectors */\n@custom-selector :--heading h1, h2, h3, h4, h5, h6;\n\n:--heading {\n  margin-top: 0;\n}\n\n/* colors stuff */\na {\n  color: var(--highlightColor);\n  transition: color 1s;\n}\n\na:hover {\n  color: gray(255, 50%);\n}\n\na:active {\n  color: rebeccapurple;\n}\n\na:any-link {\n  color: color(var(--highlightColor) blackness(+20%));\n}\n\n/* font stuff */\nh2 {\n  font-variant-caps: small-caps;\n}\n\ntable {\n  font-variant-numeric: lining-nums;\n}\n\n/* filters */\n.blur {\n  filter: blur(4px);\n}\n\n.sepia {\n  filter: sepia(.8);\n}\n\n```\n\n### SCSS syntax\n\nInput (input.scss):\n\n```scss\n// mixin for clearfix\n\n\n        @mixin      clearfix    ()      { &:before,\n  &:after {\n                content:\" \";\n    display              : table;  }\n\n  &:after        {clear: both;}\n   }.class\n{\n       padding:10px;@include        clearfix();}\n     .base {  color: red;  }\n\n// placeholder\n%base\n{\n\n\npadding: 12px\n}\n\n.foo{\n@extend      .base;}\n\n.bar\n      {     @extend            %base;\n\n}\n```\n\nYield:\n\n```scss\n// mixin for clearfix\n@mixin clearfix () {\n  &:before,\n  &:after {\n    content: \" \";\n    display: table;\n  }\n\n  &:after {\n    clear: both;\n  }\n}\n\n.class {\n  padding: 10px;\n  @include clearfix();\n}\n\n.base {\n  color: red;\n}\n\n// placeholder\n%base {\n  padding: 12px;\n}\n\n.foo {\n  @extend .base;\n}\n\n.bar {\n  @extend %base;\n}\n```\n\n## Installation\n\n```shell\n$ npm install stylefmt\n```\n\n## Usage\n\n### in Command Line\n\nCLI Help:\n\n```\n$ stylefmt --help\n```\n\n```\nUsage: stylefmt [options] input-name [output-name]\n\nOptions:\n\n  -b, --config-basedir   Path to the directory that relative paths defining \"extends\"\n  -c, --config           Path to a specific configuration file (JSON, YAML, or CommonJS)\n  -d, --diff             Output diff against original file\n  -r, --recursive        Format list of space seperated files(globs) in place\n  -v, --version          Output the version number\n  -h, --help             Output usage information\n  -i, --ignore-path      Path to a file containing patterns that describe files to ignore.\n  --stdin-filename       A filename to assign stdin input.\n```\n\nstylefmt can also read a file from stdin if there are no input-file as argument in CLI.\n\n```\n$ cat input.css | stylefmt --stdin-filename input.css\n```\n\n### in Node.js\n\n```js\nvar fs = require('fs');\nvar postcss = require('postcss');\nvar scss = require('postcss-scss'); // when you use scss syntax\nvar stylefmt = require('stylefmt');\n\nvar css = fs.readFileSync('input.css', 'utf-8');\n\npostcss([\n  stylefmt\n]).process(css, {\n    from: 'input.css',\n    syntax: scss\n  })\n  .then(function (result) {\n    result.css; // formatted code\n  });\n```\n\n### in Task Runners\n\nWe can use stylefmt in [Grunt](https://github.com/morishitter/grunt-stylefmt), [gulp](https://github.com/morishitter/gulp-stylefmt), and [Fly](https://github.com/morishitter/fly-cssfmt).\n\n\n## stylelint rules that stylefmt can handle\n\nstylefmt :heart: stylelint\n\nstylefmt supports the following stylelint rules:\n\n- [at-rule-empty-line-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/at-rule-empty-line-before) (\"always\"|\"never\" and except \"blockless-group\" only)\n- [at-rule-semicolon-newline-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/at-rule-semicolon-newline-after)\n- [block-closing-brace-newline-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/block-closing-brace-newline-after)\n- [block-closing-brace-newline-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/block-closing-brace-newline-before)\n- [block-opening-brace-newline-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/block-opening-brace-newline-after)\n- [block-opening-brace-newline-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/block-opening-brace-newline-before)\n- [block-opening-brace-space-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/block-opening-brace-space-after)\n- [block-opening-brace-space-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/block-opening-brace-space-before)\n- [color-hex-case](https://github.com/stylelint/stylelint/tree/master/lib/rules/color-hex-case)\n- [color-hex-length](https://github.com/stylelint/stylelint/tree/master/lib/rules/color-hex-length)\n- [declaration-block-properties-order](https://github.com/stylelint/stylelint/tree/master/lib/rules/declaration-block-properties-order)\n- [declaration-colon-space-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/declaration-colon-space-after)\n- [declaration-colon-space-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/declaration-colon-space-before)\n- [declaration-empty-line-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/declaration-empty-line-before)\n- [indentation](https://github.com/stylelint/stylelint/tree/master/lib/rules/indentation)\n- [length-zero-no-unit](https://github.com/stylelint/stylelint/tree/master/lib/rules/length-zero-no-unit)\n- [number-leading-zero](https://github.com/stylelint/stylelint/tree/master/lib/rules/number-leading-zero)\n- [number-no-trailing-zeros](https://github.com/stylelint/stylelint/tree/master/lib/rules/number-no-trailing-zeros)\n- [selector-combinator-space-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/selector-combinator-space-after)\n- [selector-combinator-space-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/selector-combinator-space-before)\n- [selector-list-comma-newline-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/selector-list-comma-newline-after)\n- [selector-list-comma-newline-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/selector-list-comma-newline-before)\n- [selector-list-comma-space-after](https://github.com/stylelint/stylelint/tree/master/lib/rules/selector-list-comma-space-after)\n- [selector-list-comma-space-before](https://github.com/stylelint/stylelint/tree/master/lib/rules/selector-list-comma-space-before)\n- [shorthand-property-no-redundant-values](https://github.com/stylelint/stylelint/tree/master/lib/rules/shorthand-property-no-redundant-values)\n- [string-quotes](https://github.com/stylelint/stylelint/tree/master/lib/rules/string-quotes)\n\nand we can also format from the other stylelint's configration files or packages (e.g. [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard), [stylelint-config-suitcss](https://github.com/suitcss/stylelint-config-suitcss) and so on) using `extends` property.\n\n## Default formatting rules (without stylelint config file)\n\n### Basic\n\n- 2 spaces indentation\n- require 1 space between a simple selector and combinator\n- require 1 space between selectors and `{`\n- require new line after `{`\n- disallow any spaces between property and `:`\n- require 1 space between `:` and values\n- require new line after declarations\n- require `;` in last declaration\n- require 1 space between values and `!important`\n- disallow any spaces between `!` and `important`\n- leave 1 blank line between rules\n- leave 1 blank line between rules in atrules\n- disallow any blank lines between `@import`\n\n### for nested selector syntax\n\n-  leave 1 line between declarations and nested rules\n\n### SCSS\n\n- require 1 space between `@mixin` and mixin name\n- require 1 space between mixin name and `(`\n- require 1 space between `@extend` and base rules\n- require 1 space between `@include` and mixin name\n- disallow any spaces between `$variable` and `:`\n- require 1 space between `:` and name of variable\n\n## Option projects\n\n### Editor plugins\n\n- [sublime-stylefmt](https://github.com/dmnsgn/sublime-stylefmt) by [@dmnsgn](https://github.com/dmnsgn)\n- [atom-stylefmt](https://github.com/1000ch/atom-stylefmt) by [@1000ch](https://github.com/1000ch)\n- [vim-stylefmt](https://github.com/kewah/vim-stylefmt) by [@kewah](https://github.com/kewah)\n- [stylefmt.el](https://github.com/KeenS/stylefmt.el) by [@KeenS](https://github.com/KeenS)\n- [vscode-stylefmt](https://github.com/mrmlnc/vscode-stylefmt) by [@mrmlnc](https://github.com/mrmlnc)\n\n### for Task Runners\n\n- [gulp-stylefmt](https://github.com/morishitter/gulp-stylefmt)\n- [grunt-stylefmt](https://github.com/morishitter/grunt-stylefmt)\n- [fly-stylefmt](https://github.com/morishitter/fly-cssfmt)\n- [laravel-elixir-stylefmt](https://github.com/appleboy/laravel-elixir-cssfmt) by [@appleboy](https://github.com/appleboy)\n- [stylefmt-loader](https://github.com/tomasAlabes/stylefmt-loader) by [@tomasAlabes](https://github.com/tomasAlabes)\n\n## License\n\nThe MIT License (MIT)\n\nCopyright (c) 2015 Masaaki Morishita\n",
 	"readmeFilename": "README.md",
-	"_downloads": 13
+	"_downloads": 21
 }

npm-data/maintained-plugins.json

@@ -155,5 +155,5 @@
 	"license": "CC0-1.0",
 	"readme": "# PostCSS Sass [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][postcss]\n\n[![NPM Version][npm-img]][npm-url]\n[![Linux Build Status][cli-img]][cli-url]\n[![Windows Build Status][win-img]][win-url]\n[![Support Chat][git-img]][git-url]\n\n[PostCSS Sass] lets you use [Sass] as a [PostCSS] plugin.\n\n```scss\n$font-stack:    Helvetica, sans-serif;\n$primary-color: #333;\n\n:root {\n  color: $primary-color;\n  font: 100% $font-stack;\n}\n\n/* becomes */\n\n:root {\n  color: #333;\n  font: 100% Helvetica, sans-serif;\n}\n```\n\n[PostCSS Sass] uses [dart-sass], letting you safely run transforms before and\nafter Sass, watching for changes to Sass imports, and preserving source maps.\n\n## Usage\n\nAdd [PostCSS Sass] to your build tool:\n\n```sh\nnpm install postcss @csstools/postcss-sass --save-dev\n```\n\n#### Node\n\nUse [PostCSS Sass] to process your CSS:\n\n```js\nrequire('@csstools/postcss-sass').process(YOUR_CSS);\n```\n\n#### PostCSS\n\nUse [PostCSS Sass] as a plugin:\n\n```js\npostcss([\n  require('@csstools/postcss-sass')(/* node-sass options */)\n]).process(YOUR_CSS);\n```\n\nThe standard CSS parser included with PostCSS may not be able to parse SCSS\nspecific features like inline comments. To accurately parse SCSS, use\nthe [SCSS Parser].\n\n```bash\nnpm install postcss-scss --save-dev\n```\n\n```js\nconst postcss = require('postcss');\nconst postcssSass = require('@csstools/postcss-sass');\n\npostcss([\n  postcssSass(/* pluginOptions */)\n]).process(YOUR_CSS, {\n  syntax: 'postcss-scss'\n});\n```\n\n#### Gulp\n\nAdd [Gulp PostCSS] to your build tool:\n\n```sh\nnpm install gulp-postcss --save-dev\n```\n\nUse [PostCSS Sass] in your Gulpfile:\n\n```js\nvar postcss = require('gulp-postcss');\n\ngulp.task('css', function () {\n  return gulp.src('./src/*.css').pipe(\n    postcss([\n      require('@csstools/postcss-sass')(/* node-sass options */)\n    ])\n  ).pipe(\n    gulp.dest('.')\n  );\n});\n```\n\n#### Grunt\n\nAdd [Grunt PostCSS] to your build tool:\n\n```sh\nnpm install grunt-postcss --save-dev\n```\n\nUse [PostCSS Sass] in your Gruntfile:\n\n```js\ngrunt.loadNpmTasks('grunt-postcss');\n\ngrunt.initConfig({\n  postcss: {\n    options: {\n      use: [\n        require('@csstools/postcss-sass')(/* node-sass options */)\n      ]\n    },\n    dist: {\n      src: '*.css'\n    }\n  }\n});\n```\n\n## Options\n\n[PostCSS Sass] options are directly forwarded to [dart-sass options].\n\n[cli-img]: https://img.shields.io/travis/jonathantneal/postcss-sass.svg\n[cli-url]: https://travis-ci.org/jonathantneal/postcss-sass\n[git-img]: https://img.shields.io/badge/support-chat-blue.svg\n[git-url]: https://gitter.im/postcss/postcss\n[npm-img]: https://img.shields.io/npm/v/@csstools/postcss-sass.svg\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-sass\n[win-img]: https://img.shields.io/appveyor/ci/jonathantneal/postcss-sass.svg\n[win-url]: https://ci.appveyor.com/project/jonathantneal/postcss-sass\n\n[Gulp PostCSS]: https://github.com/postcss/gulp-postcss\n[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss\n[dart-sass]: https://github.com/sass/dart-sass\n[dart-sass options]: https://github.com/sass/dart-sass#javascript-api\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Sass]: https://github.com/jonathantneal/postcss-sass\n[Sass]: https://github.com/sass/dart-sass\n[SCSS Parser]: https://github.com/postcss/postcss-scss\n",
 	"readmeFilename": "README.md",
-	"_downloads": 7
+	"_downloads": 14
 }

npm-data/maybe-plugins.json

@@ -376,5 +376,5 @@
 	],
 	"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",
 	"readmeFilename": "README.md",
-	"_downloads": 278
+	"_downloads": 273
 }