Skip to content

tests: bump create-vite #1123

Description

@manuel3108

We tried bumping create-vite in #1115 but this caused strange side-effects while testing the tailwind integration.

AI summary of our conversation yesterday:

There seems to be a regression/difference in the create-vite template that affects Tailwind spacing utilities.

In one template, mt-1 resolves to 4px, while in the create-vite template it resolves to 4.25px. Initially this looked related to the --spacing CSS variable, but after testing, the actual cause appears to be the template’s global font shorthand:

font: 18px/145% var(--sans);

Because Tailwind spacing utilities are rem-based, setting the root/base font size to 18px scales utilities like mt-1 from the expected 4px to 4.5px / similar values depending on the setup.

This does not happen in the SvelteKit template, so the create-vite template seems to be applying global font styles differently. Updating create-vite was skipped for now because even create-vite@8.3.0 already has this behavior. We likely need to bisect the template changes to see when and why this was introduced.

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions