Select your properties, press right-click and select convert css to tailwind!
"CSSTail" extension is designed to streamline the process of converting traditional CSS code into corresponding Tailwind CSS utility classes. It helps developers transition to using Tailwind CSS by providing a seamless and efficient conversion tool directly in their code editor.
- Automated Conversion: Converts CSS properties into Tailwind utility classes.
- Inline Suggestions: Get Tailwind class suggestions as you type.
- Bulk Conversion: Convert entire CSS blocks into Tailwind classes with a single command.
- Support for Common Properties: Handles a wide range of CSS properties.
- Custom Configuration: Supports user-defined mappings and Tailwind theme extensions.
- Open VS Code.
- Go to the Extensions Marketplace
(Ctrl+Shift+X or Cmd+Shift+X on macOS). - Search for
CSSTail. - Click Install and enjoy ✌️.
- Highlight a CSS property or rule.
- Right-click and select Convert to Tailwind from the context menu.
- The CSS code will be replaced with the equivalent Tailwind class.
We welcome contributions from the community! To contribute:
- Fork the repository.
- Make your changes and commit them:
git commit -m 'Add some feature' - Push to the branch:
git push origin your-branch-name - Open a pull request on GitHub and provide a detailed description of your changes.
- Submit your pull request with a detailed description of your changes.
This extension is licensed under the MIT License.
Enjoy!