Skip to content

Conversation

@jasperf
Copy link
Contributor

@jasperf jasperf commented Dec 29, 2025

This release implements comprehensive responsive design improvements across the Elayne block theme, focusing on proper horizontal padding for mobile viewports and establishing theme.json as the authoritative source for all design tokens. The changes ensure full-width patterns with background colors extend edge-to-edge without white gaps on mobile devices, while maintaining consistent spacing across all viewports. Two primary feature patterns have been updated to follow the standardized responsive padding approach, with detailed documentation added to guide future pattern development.

Responsive Layout Improvements:

  • Applied consistent horizontal padding (var:preset|spacing|medium) to outer containers in services-feature-cards.php and three-column-feature-grid.php patterns to eliminate white gaps on mobile viewports for full-width sections with background colors
  • Ensured proper responsive grid behavior with minimumColumnWidth settings (280px for services cards, 320px for feature grids) to provide smooth 3→2→1 column transitions across desktop, tablet, and mobile breakpoints

Documentation and Developer Guidance:

  • Added critical responsive padding guidelines to readme.txt explaining the two-structure approach for full-width patterns (Group with background vs. Cover block) and common pitfalls to avoid when nesting padding in multiple containers
  • Established theme.json as the single source of truth for all design tokens (colors, spacing, typography) with explicit instructions against hardcoding values in patterns
  • Documented proper block comment attribute structure to prevent validation errors, emphasizing that root-level attributes like backgroundColor and layout must not be nested inside the style object

Version and Changelog Updates:

  • Bumped theme version to 1.0.0-beta.1 across style.css and readme.txt header metadata
  • Added comprehensive changelog entry documenting responsive design improvements, theme.json standardization, and pattern updates for the beta release

Files Changed:

@jasperf jasperf merged commit 45bdd09 into main Dec 29, 2025
2 checks passed
@jasperf jasperf deleted the additional-responsive-tweaks branch December 29, 2025 10:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants