SuperAPI AI 工具集

tailwind-syntax-utility-classes

前端与建站

查看项目

更新于 10-16 06:18

技能介绍

用途:在编写 Tailwind 标记时快速回忆或核对基础工具类词汇,覆盖间距、颜色、排版、布局、Flexbox、Grid、尺寸、边框、背景、特效十大类。

主要能力:给出各类工具类的类名与对应 CSS 属性映射,如 p-4、bg-red-500、text-lg、grid-cols-3、rounded-md、shadow-md 等;列出间距刻度、字号与行高配对、字重、字距、颜色调色板(22 个色系、每系 11 个色阶)等取值表;并集中标注 v4 变更:阴影刻度插入 shadow-2xs/shadow-xs 导致整体上移,blur、rounded、drop-shadow、backdrop-blur 同理;移除 bg-opacity-* 等透明度工具,改用 bg-red-500/50 斜杠语法;bg-gradient-to-r 改为 bg-linear-to-r;flex-shrink-、flex-grow- 改为 shrink-、grow-;overflow-ellipsis 改为 text-ellipsis;!font-bold 改为 font-bold!;v4 默认边框色为 currentColor、默认 ring 宽度为 1px;v4 支持任意整数间距与 grid-cols-{n}。

使用方式:始终把类名写成完整字面量,不要动态拼接;响应式前缀按“及以上”理解;使用前先核对 v4 变更提示。

适用场景:编写或迁移 Tailwind 标记、核对类名与取值、排查 v3 到 v4 的破坏性变更。

限制:本资料为速查参考,未提供安装命令、收费与平台信息;具体项目配置与自定义主题需另行查阅官方文档。