@astrojs/tailwind - npm Package Compare versions

Comparing version 0.0.2-next.0 to 0.0.2

README.md

CHANGELOG.md

		# @astrojs/tailwind

		## 0.0.2

		### Patch Changes

		- [#2831](https://github.com/withastro/astro/pull/2831) [`5315c3f7`](https://github.com/withastro/astro/commit/5315c3f7bc0649f9788713f689f484e223bc0ca6) Thanks [@bholmesdev](https://github.com/bholmesdev)! - Add support for tailwind config files. These can either be a standard `tailwind.config.js\|cjs\|mjs`, or a custom filename as specified in your integration config.

		* [#2885](https://github.com/withastro/astro/pull/2885) [`6b004363`](https://github.com/withastro/astro/commit/6b004363f99f27e581d1e2d53a2ebff39d7afb8a) Thanks [@bholmesdev](https://github.com/bholmesdev)! - Add README across Astro built-in integrations

		- [#2847](https://github.com/withastro/astro/pull/2847) [`3b621f7a`](https://github.com/withastro/astro/commit/3b621f7a613b45983b090794fa7c015f23ed6140) Thanks [@tony-sull](https://github.com/tony-sull)! - Adds keywords to the official integrations to support discoverability on Astro's Integrations site

		## 0.0.2-next.0
		@@ -4,0 +14,0 @@

package.json

		{
		"name": "@astrojs/tailwind",
		"description": "Tailwind + Astro Integrations",
		"version": "0.0.2-next.0",
		"version": "0.0.2",
		"type": "module",
		@@ -32,3 +32,3 @@ "types": "./dist/index.d.ts",
		"@types/tailwindcss": "^3.0.9",
		"astro": "0.25.0-next.2",
		"astro": "0.25.0",
		"astro-scripts": "0.0.2"
		@@ -38,4 +38,6 @@ },
		"build": "astro-scripts build \"src/*/.ts\" && tsc",
		"build:ci": "astro-scripts build \"src/*/.ts\"",
		"dev": "astro-scripts dev \"src/*/.ts\""
		}
		},
		"readme": "# @astrojs/tailwind 💨\n\nThis [Astro integration][astro-integration] brings [Tailwind CSS](https://tailwindcss.com/) to your Astro project.\n\nTailwind brings utility CSS classes for fonts, colors, layouts, transforms, and more to every Astro page or [UI component](https://docs.astro.build/en/core-concepts/framework-components/) in your project. It also includes extensive theming options for unifying your styles.\n\n## Installation\n\nThere are two ways to add integrations to your project. Let's try the most convenient option first!\n\n### (experimental) `astro add` command\n\nAstro includes a CLI tool for adding first party integrations: `astro add`. This command will:\n1. (Optionally) Install all necessary dependencies and peer dependencies\n2. (Also optionally) Update your `astro.config.` file to apply this integration\n\nTo install `@astrojs/tailwind`, run the following from your project directory and follow the prompts:\n\n```sh\n# Using NPM\nnpx astro add tailwind\n# Using Yarn\nyarn astro add tailwind\n# Using PNPM\npnpx astro add tailwind\n```\n\nIf you run into any hiccups, [feel free to log an issue on our GitHub](https://github.com/withastro/astro/issues) and try the manual installation steps below.\n\n### Install dependencies manually\n\nFirst, install the `@astrojs/tailwind` integration like so:\n\n```\nnpm install @astrojs/tailwind\n```\n\nThen, apply this integration to your `astro.config.` file using the `integrations` property:\n\n__astro.config.mjs__\n\n```js\nimport tailwind from '@astrojs/tailwind';\n\nexport default {\n // ...\n integrations: [tailwind()],\n}\n```\n\n## Getting started\n\nTailwind's utility classes should be ready-to-use with zero config, including [preprocessor setup](https://tailwindcss.com/docs/using-with-preprocessors) and [production optimization](https://tailwindcss.com/docs/optimizing-for-production). Head to the [Tailwind docs](https://tailwindcss.com/docs/utility-first) to learn all of the options and features available!\n\n## Configuration\n\nHave a [custom theme](https://tailwindcss.com/docs/configuration)? Try adding a `tailwind.config.(js\|cjs\|mjs)` file to the base of your project. You can also specify a custom config file using this integration's `config.path` option:\n\n__astro.config.mjs__\n\n```js\nimport tailwind from '@astrojs/tailwind';\n\nexport default {\n // ...\n integrations: [tailwind({\n config: { path: './custom-config.js' },\n })],\n}\n```\n\nWe will provide a `content` property to your config to enable Tailwind across all Astro files and [UI framework components](https://docs.astro.build/en/core-concepts/framework-components/). To remove this default, opt-out via the `config.applyAstroPreset` integration option:\n\n__astro.config.mjs__\n\n```js\nexport default {\n // ...\n integrations: [tailwind({\n config: { applyAstroPreset: false },\n })],\n}\n```\n\nYou can also check our [Astro Integration Documentation][astro-integration] for more on integrations.\n\n[astro-integration]: https://docs.astro.build/en/guides/integrations-guide/\n[astro-ui-frameworks]: https://docs.astro.build/en/core-concepts/framework-components/#using-framework-components\n"
		}

@astrojs/tailwind - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics