fix: Add tests for breakpoint creation in tailwind conversion by kof · Pull Request #5582 · webstudio-is/webstudio
added 2 commits
January 25, 2026 10:31…ints Container class auto-generates responsive max-width styles for all Tailwind breakpoints. This was creating 1280/1440 min-width breakpoints in projects that use mobile-first (max-width) approach. Changes: - Filter container's min-width max-width styles unless user already has min-width breakpoints in their project - Explicit xl:/2xl: classes still create min-width breakpoints as expected - Add tailwindBreakpoints constant with all 7 breakpoints for parsing - Fix typo: styleDeckKey -> styleDeclKey - Use shorthand properties where applicable Tests added: - container class without/with user min-width breakpoints - explicit xl: class creates min-width breakpoint - container combined with explicit xl: class - verify breakpoints array contains only needed breakpoints
kof
deleted the
tailwind-bp
branch
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters