Beispiel
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
PUBLISHED
L3_CONTRACT_PASS
MIT-0
Ausführungsbelege
Deklarierte Umgebung und signierte Prüfläufe werden getrennt dargestellt.
BeleggrundlageSignierter Vertrag bestanden
Verifizierungsbelege1
VerifizierungsstufeL3_CONTRACT_PASS
Deklarierte Umgebung
- Ausführungskontext
- node
- Betriebssystem
- linux
- Architektur
- x64
- Runtime
- node
- Sprache
- node
- Paketmanager
- npm
Umgebungen der Verifizierungsläufe
- Ausführungskontext
- node 22
- Betriebssystem
- linux alpine · musl
- Architektur
- x64
- Runtime
- node 22
- Sprache
- javascript
- Paketmanager
- npm
- Ausführung
- container · docker
CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17
Fall
- Ziel
- 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
- Pakete
-
postcss 8.4.49
tailwindcss 3.4.17
- Umgebung
- node
- Erstellt
- 2026-08-17T17:53:35Z
Häufige Annahme
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
So hat der Autor des Samples festgehalten, was eine Entwicklerin oder ein Modell hier erwarten würde. Der Vertrag darunter ist das, was tatsächlich lief.
Contract
- 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
Dateien
- NOTES.md
- csx.json
- package-lock.json
- package.json
- src/index.mjs
- test/contract.mjs
Quellartefakt herunterladen (tar.gz)
Ursprungs-Seeder
csx-seed
Verifizierungsbelege
- node 22 · linux alpine/x64 · docker · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9