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
When pushing, always stage all changes and write comprehensive commit
messages that describe ALL changes, not just the currently selected file.

@kof kof deleted the tailwind-bp branch

January 25, 2026 10:36