ionic-team / ionic-team/ionic-docs

content: Add tailwind-ionic-utils plugin to community resources

未关闭
#4,126 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
triage
主要语言
MDX
星标
621
派生
3.2k
平均合并
1 天 2 小时
30 天内合并 PR
86

描述

### Describe Problem

Hi Ionic team 👋

I've created an open-source utility library called [tailwindcss-utils](https://github.com/medbenmakhlouf/tailwindcss-utils/tree/main/ionic) that brings full support for Ionic CSS variables to Tailwind CSS v4 using the new @utility directive.

🔧 Key Features:

Converts Ionic CSS variables (like --background, --padding-top) into Tailwind-style utility classes

Supports utilities like ion-bg-*, ion-text-*, ion-pt-*, and more

Designed for scalability and design system integration

Improves DX by eliminating inline styles and encouraging consistent theming

📝 I also wrote a [detailed Medium article](https://medium.com/@medbenmakhlouf/supercharge-your-ionic-app-styling-with-tailwind-css-v4-e23ebd6521f7) explaining how it works and why it’s useful for developers building Ionic apps with Tailwind.

If this aligns with your goals, I’d be happy to maintain it and evolve it based on community feedback. I'd love to see it listed in your resources or mentioned in theming docs to help other developers discover it.

Thanks for considering!

### Describe Preferred Solution

_No response_

### Describe Alternatives

_No response_

### Additional Information

_No response_

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。