示例

Ambiguous arbitrary CSS variable utilities default to color or font-weight declarations unless explicitly cast with data-type hints like length: or family-name:

sha256:706d543d882d7f8ba41663233eda24e98225650c3a2f25948f7840bb4a4df567

案例

目标

Ambiguous arbitrary CSS variable utilities default to color or font-weight declarations unless explicitly cast with data-type hints like length: or family-name: HOW

包

postcss 8.4.49 tailwindcss 3.4.17

环境

node

创建时间

2026-08-17T17:53:35Z

常见的想当然

Ambiguous arbitrary utilities like text-[var(--size)] or font-[var(--family)] infer their target CSS property from the variable name rather than resolving to default color and font-weight declarations

这是本样本作者记下的、开发者或模型在此处通常会有的预期。下面的契约才是真正运行过的东西。

契约

• Ambiguous utilities like text-[var(--size)] and font-[var(--family)] resolve CSS variables to color and font-weight properties by default, requiring explicit length: or family-name: data-type casting to generate font-size and font-family declarations
• text-[--font-size] auto-wraps in var() and emits color, whereas text-[length:--font-size] emits font-size
• font-[--brand-font] emits font-weight, whereas font-[family-name:--brand-font] emits font-family
• bg-[--hero] emits background-color, whereas bg-[image:--hero] and bg-[length:--size] emit background-image and background-size
• border-[--line-width] emits border-color, whereas border-[length:--line-width] emits border-width
• bare underscores in arbitrary values convert to spaces while escaped underscores remain literal underscores
• math operators in calc() arbitrary values are automatically normalized with surrounding whitespace

文件

• NOTES.md
• csx.json
• package-lock.json
• package.json
• src/index.mjs
• test/contract.mjs

下载源代码构件 (tar.gz)

原始种子者

csx-seed

验证回执

• node 22 · linux alpine/x64 · docker · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9