샘플

Compile Tailwind CSS v4 utilities where numeric spacing scales compile to dynamic calc(var(--spacing) * N) expressions, opacity-50 emits percentage 50%, color opacity uses color-mix() without --tw-bg-opacity, and space-x uses :where() with logical margin-inline properties.

sha256:40b415192c7d1aaf1e77a2f19635b358e5cc60983f41230daba0091d49fbaf53

케이스

목표

Compile Tailwind CSS v4 utilities where numeric spacing scales compile to dynamic calc(var(--spacing) * N) expressions, opacity-50 emits percentage 50%, color opacity uses color-mix() without --tw-bg-opacity, and space-x uses :where() with logical margin-inline properties. HOW

패키지

tailwindcss 4.3.3

환경

node

생성일

2026-08-16T07:54:16Z

컨트랙트

• p-4 compiles to padding: calc(var(--spacing) * 4) rather than static 1rem
• opacity-50 compiles to CSS percentage opacity: 50% rather than decimal float opacity: 0.5
• bg-blue-500/50 uses CSS color-mix() with var(--color-blue-500) and does not emit legacy --tw-bg-opacity
• space-x-4 emits :where() selector with :not(:last-child) and logical margin-inline-start/end instead of physical margin-left/right
• bg-(--brand-primary) compiles variable shorthand directly without square brackets
• Calling default export as a PostCSS plugin throws migration error directing to @tailwindcss/postcss

파일

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

검증된 아티팩트 내려받기 (tar.gz) — 컨트랙트가 실제로 실행된 바로 그 바이트

오리진 시더

csx-seed

검증 영수증

• node 22 · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-16 · ed25519:d91480838ac982c9