collect plugins data

Author: github-actions[bot]

docs/index.html

@@ -256,5 +256,5 @@
 	"license": "MIT",
 	"readme": "# Tailwind Plugin for Bun\n\nThe Tailwind Plugin for Bun is a plugin designed to integrate [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) with the [Bun](https://github.com/oven-sh/bun). This plugin simplifies the process of using Tailwind CSS within your Bun projects, allowing you to easily compile Tailwind CSS files during the build process.\n\n## Installation\n\nYou can install the Tailwind Plugin via Bun:\n\n```bash\nbun install @alik6/bun-tailwind-plugin\n```\n\n# Usage\n\n## Importing\n\n```ts\nimport { tailwind } from \"@alik6/bun-tailwind-plugin\";\n```\n\n## Configuration\n\n```ts\nimport { tailwind } from \"@alik6/bun-tailwind-plugin\";\nimport { build } from \"bun\";\n\nbuild({\n  entrypoints: [\"src/main.tsx\"],\n  // If not explicitly set in 'outputFile', defaults to 'outdir/' if defined, otherwise 'dist/'.\n  outdir: \"dist/\",\n  plugins: [\n    tailwind({\n      // tailwind Configuration\n      tailwindConfig: { content: [\"src/**/*.{tsx,html}\"] },\n      // path for output css file\n      outputFile: \"dist/styles.css\",\n      // path of input file, created if not found with the default tailwind headers\n      inputFile: \"src/styles.css\",\n      // path where tailwind.config.js will be generated, useful for autocompletion, each time the build method is called the tailwind.config.js will be synced with `tailwindConfig`, recommended path is 'base dir of the project'\n      configPath: '.'\n    }),\n  ],\n}).catch((e) => console.error(e));\n```\n\n# Contributing to @alik6/bun-tailwind-plugin\n\nWelcome to @alik6/bun-tailwind-plugin, We appreciate your interest in contributing.\n\n## Ways to Contribute\n\n1. **Reporting Bugs:** If you encounter a bug, please open an issue on GitHub and provide detailed information about the problem, including steps to reproduce it.\n\n2. **Requesting Features:** If you have an idea for a new feature or enhancement, you can submit a feature request on GitHub. Provide a clear description of the proposed feature and its use case.\n\n3. **Submitting Pull Requests:** If you'd like to contribute code, you can fork the repository, create a new branch, and submit a pull request with your changes. Please ensure that your code adheres to our coding standards and include relevant tests.\n\n## Getting Started\n\nTo get started with contributing, follow these steps:\n\n1. Fork the repository on GitHub.\n\n2. Clone your forked repository to your local machine.\n\n3. Create a new branch for your changes (`git checkout -b feature/my-feature`).\n\n4. Make your changes and commit them (`git commit -am 'Add my feature'`).\n\n5. Push your changes to your forked repository (`git push origin feature/my-feature`).\n\n6. Submit a pull request on GitHub.\n\n## License\n\nBy contributing to @alik6/bun-tailwind-plugin, you agree that your contributions will be licensed under the [MIT License](LICENSE.md).\n",
 	"readmeFilename": "README.md",
-	"_downloads": 113
+	"_downloads": 50
 }

npm-data/links.json

@@ -175,5 +175,5 @@
 	},
 	"license": "MIT",
 	"readmeFilename": "README.md",
-	"_downloads": 17
+	"_downloads": 12
 }

npm-data/maintained-plugins.json

@@ -213,5 +213,5 @@
 	},
 	"license": "MIT",
 	"readmeFilename": "README.md",
-	"_downloads": 14
+	"_downloads": 11
 }

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": 192
+	"_downloads": 207
 }

npm-data/plugins.json

@@ -154,5 +154,5 @@
 	"license": "MIT",
 	"readme": "# PostCSS Typography [![Build Status][ci-img]][ci]\r\n\r\n[PostCSS] plugin to support responsive typography shorthands..\r\n\r\n[PostCSS]: https://github.com/postcss/postcss\r\nInput:\r\n\r\n```css\r\n@custom-media --mobile-m (min-width: 420px);\r\n@custom-media --mobile-l (min-width: 600px);\r\n@custom-media --tablet (min-width: 768px);\r\n@custom-media --tablet-l (min-width: 1024px);\r\n@custom-media --desktop (min-width: 1280px);\r\n@custom-media --desktop-l (min-width: 1440px);\r\n\r\n.foo {\r\n  /*\r\n   * You can omit media query parameter.\r\n   *\r\n   * Line-height pixel values will be converted into unit-less ratio\r\n   * relative to font-size.\r\n   *\r\n   * Letter-spacing pixel values will be converted into `em`.\r\n   *\r\n   * If you specify a rootSize option in pixel unit, font-size will\r\n   * be converted into `rem`.\r\n   */\r\n  @type 10px 15px 1px;\r\n\r\n  /* You can omit font-size or line-height by using `/`. */\r\n  @type --mobile-m 12px / 0;\r\n\r\n  /*\r\n   * When you omit font-size, it is on you to provide your preferred unit\r\n   * for line-height and letter-spacing.\r\n   */\r\n  @type --desktop / 1.875 0.01em;\r\n}\r\n```\r\n\r\nOutput:\r\n\r\n```css\r\n\r\n@custom-media --mobile-m (min-width: 420px);\r\n@custom-media --mobile-l (min-width: 600px);\r\n@custom-media --tablet (min-width: 768px);\r\n@custom-media --tablet-l (min-width: 1024px);\r\n@custom-media --desktop (min-width: 1280px);\r\n@custom-media --desktop-l (min-width: 1440px);\r\n\r\n.foo {\r\n  /* `@type 10px 15px 1px;` */\r\n  font-size: 10px 1.5 0.1em;\r\n\r\n  /* or in case `@type 10px 15px 1px;` with rootSize: 16px */\r\n  font-size: 0.615rem 1.5 0.1em;\r\n\r\n  /* `@type --mobile-m 12px / 0;` */\r\n  @media (--mobile-m) {\r\n    font-size: 12px;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  /* @type --desktop / 1.875 0.01em; */\r\n  @media (--desktop) {\r\n    line-height: 1.875;\r\n    letter-spacing: 0.01em;\r\n  }\r\n}\r\n```\r\n\r\n## Usage\r\n\r\nBecause this plugin relies on [custom media queries](http://cssnext.io/features/#custom-media-queries), you are recommended to run it before `postcss-cssnext` or `postcss-custom-media`\r\n\r\n```js\r\npostcss([ require('postcss-type')({rootSize: '16px'}), require('postcss-custom-media') ])\r\n```\r\n\r\nSee [PostCSS] docs for examples for your environment.\r\n",
 	"readmeFilename": "README.md",
-	"_downloads": 8
+	"_downloads": 5
 }