{"id":18565309,"url":"https://github.com/pelican-plugins/tailwindcss","last_synced_at":"2025-04-10T04:32:44.772Z","repository":{"id":37748154,"uuid":"471312140","full_name":"pelican-plugins/tailwindcss","owner":"pelican-plugins","description":"Pelican plugin that adds Tailwind CSS support.","archived":false,"fork":false,"pushed_at":"2025-02-24T14:38:29.000Z","size":51,"stargazers_count":19,"open_issues_count":2,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-05T19:35:39.404Z","etag":null,"topics":["css","hacktoberfest","pelican","static-site-generator","style","tailwindcss"],"latest_commit_sha":null,"homepage":"https://pypi.org/project/pelican-tailwindcss/","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pelican-plugins.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"custom":"https://donate.getpelican.com","liberapay":"pelican"}},"created_at":"2022-03-18T09:45:22.000Z","updated_at":"2025-02-20T13:19:57.000Z","dependencies_parsed_at":"2024-01-01T23:45:04.690Z","dependency_job_id":null,"html_url":"https://github.com/pelican-plugins/tailwindcss","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pelican-plugins%2Ftailwindcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pelican-plugins%2Ftailwindcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pelican-plugins%2Ftailwindcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pelican-plugins%2Ftailwindcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pelican-plugins","download_url":"https://codeload.github.com/pelican-plugins/tailwindcss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248157645,"owners_count":21057047,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","hacktoberfest","pelican","static-site-generator","style","tailwindcss"],"created_at":"2024-11-06T22:18:18.827Z","updated_at":"2025-04-10T04:32:44.762Z","avatar_url":"https://github.com/pelican-plugins.png","language":"Python","funding_links":["https://donate.getpelican.com","https://liberapay.com/pelican"],"categories":[],"sub_categories":[],"readme":"# Tailwind CSS Plugin for Pelican 🌬\n\n[![Build Status](https://img.shields.io/github/actions/workflow/status/pelican-plugins/tailwindcss/main.yml?branch=main)](https://github.com/pelican-plugins/tailwindcss/actions)\n[![PyPI Version](https://img.shields.io/pypi/v/pelican-tailwindcss)](https://pypi.org/project/pelican-tailwindcss/)\n[![Downloads](https://img.shields.io/pypi/dm/pelican-tailwindcss)](https://pypi.org/project/pelican-tailwindcss/)\n![License](https://img.shields.io/pypi/l/pelican-tailwindcss?color=blue)\n\nThis plugin helps you use [Tailwind CSS][] in your Pelican web site.\n\n## Why Use This Plugin?\n\nBecause you want use [Tailwind CSS][] in seconds. Not hours.\n\n## Requirements\n\nIn order to run this plugin, you need to install Node.JS. (Someday this dependency could be replaced with a Python package.)\n\n## Installation\n\nThis plugin can be installed via:\n\n    python -m pip install pelican-tailwindcss\n\nAs long as you have not explicitly added a `PLUGINS` setting to your Pelican settings file, then the newly-installed plugin should be automatically detected and enabled. Otherwise, you must add `tailwindcss` to your existing `PLUGINS` list. For more information, please see the [How to Use Plugins](https://docs.getpelican.com/en/latest/plugins.html#how-to-use-plugins) documentation.\n\n## Basic Usage\n\n1. Create a `tailwind.config.js` file in your Pelican project root folder containing:\n\n    ```js\n    /** @type {import('tailwindcss').Config} */\n    module.exports = {\n    content: [\"./themes/**/*.html\", \"./themes/**/*.js\"],\n    theme: {\n        extend: {},\n    },\n    plugins: [],\n    };\n    ```\n\n    The `content` property values are just suggestions. Feel free to modify them according to your needs.\n\n2. Create a `input.css` file in your Pelican project root folder containing:\n\n    ```css\n    @tailwind base;\n    @tailwind components;\n    @tailwind utilities;\n    ```\n\n3. Add the build file (`output.css`) in your `base.html`.\n\n    ```html\n    \u003clink rel=\"stylesheet\" href=\"/output.css\" /\u003e\n    ```\n\n4. Done! You should be ready to use [Tailwind CSS][] in your website template.\n\n## Advanced Usage\n\nIn your settings you can configure the plugin's behavior using the `TAILWIND` setting.\n\nAn example of a complete `TAILWIND` setting:\n\n```python\nTAILWIND = {\n    \"version\": \"3.0.0\",\n    \"plugins\": [\n        \"@tailwindcss/typography\",\n        \"@tailwindcss/forms\",\n        \"@tailwindcss/line-clamp\",\n        \"@tailwindcss/aspect-ratio\",\n    ],\n}\n```\n\n### Tailwind Plugin Installation\n\nAs you can see from the example above, it is possible to add the `plugins` property to the configuration.\nJust add the name of a Tailwind plugin to the list, and the plugin will be installed.\n\n## Useful Information\n\n### Plugins\n\nYour `tailwind.config.js` file will only be copied when Pelican starts. This means that any changes made after starting Pelican will not be recognized. For example, if you want to install a new plugin for Tailwind, you will have to restart Pelican in order for that plugin to become active.\n\n## Contributing\n\nContributions are welcome and much appreciated. Every little bit helps. You can contribute by improving the documentation, adding missing features, and fixing bugs. You can also help out by reviewing and commenting on [existing issues][].\n\nTo start contributing to this plugin, review the [Contributing to Pelican][] documentation, beginning with the **Contributing Code** section.\n\n[existing issues]: https://github.com/pelican-plugins/tailwindcss/issues\n[Contributing to Pelican]: https://docs.getpelican.com/en/latest/contribute.html\n\n## License\n\nThis project is licensed under the AGPL-3.0 license.\n\n[Tailwind CSS]: https://github.com/tailwindlabs/tailwindcss\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpelican-plugins%2Ftailwindcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpelican-plugins%2Ftailwindcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpelican-plugins%2Ftailwindcss/lists"}