用途:在组件或元素上使用 @accelint/design-foundation、@accelint/design-toolkit 进行样式编写时,提供该设计系统的约定与检查清单,避免按原生 Tailwind 习惯误用。
主要能力与约定:优先使用语义间距刻度(xxs/xs/s/m/l/xl/xxl/oversized),数值类仅在不符合设计系统的罕见场景使用,且为 1:1 关系(p-1 = 1px,而非原生 Tailwind 的 4px)。颜色使用语义令牌(如 bg-surface-default、fg-primary-bold),避免 dark:bg-gray-900 等手动主题处理;优先语义令牌,domain-* 与 primitive-* 仅作例外回退。用 outline 而非 border 控制尺寸,避免影响布局。组件样式放在 CSS Modules,内联 Tailwind 仅用于一次性微调。每条规则只写一个 @apply,变体用 @variant 块而非属性选择器。clsx 需从 @accelint/design-foundation/lib/utils 导入。
必要配置:postcss.config.mjs 需加入 @tailwindcss/postcss 与 @accelint/postcss-tailwind-css-modules;每个 CSS Module 顶部需 @reference '#globals' 或 @reference '@accelint/design-foundation/styles';自定义入口需在 package.json imports 中定义 #globals,并在根布局首个导入。
适用场景:首次配置、选择令牌、使用 @variant、理解间距刻度、从原生 Tailwind 迁移、排查构建错误。
限制:资料未提供具体版本、安装命令、价格与平台信息;未列出的功能与效果暂未提供。