Skip to content

Introduce Tiles, replace CardList and FeatureGrid - #52

Merged
minimaldesign merged 4 commits into
mainfrom
tiles
Jul 24, 2026
Merged

Introduce Tiles, replace CardList and FeatureGrid#52
minimaldesign merged 4 commits into
mainfrom
tiles

Conversation

@minimaldesign

Copy link
Copy Markdown
Owner

Consolidate CardList and FeatureGrid into a single Tiles component with container-responsive columns. The component responds to its container's width rather than viewport breakpoints, allowing the same markup to display 2-up in narrow docs columns and 4-up on wide listing pages at the same window size.

Key changes:

  • New Tiles.astro component with size="sm" (small) and default (medium) variants
  • New component.tiles.css with @container queries for md (2-6 cols) and sm (2-6 cols with earlier thresholds)
  • Layout main columns now declared as size containers for tile responsiveness
  • Page classes (.blog, .docs) moved from to to allow layout token overrides
  • Updated all affected pages and docs to use Tiles; removed cardList.css and featureGrid.css
  • CHANGELOG entry documenting breaking changes and migration path

Consolidate CardList and FeatureGrid into a single Tiles component with container-responsive columns. The component responds to its container's width rather than viewport breakpoints, allowing the same markup to display 2-up in narrow docs columns and 4-up on wide listing pages at the same window size.

Key changes:
- New Tiles.astro component with size="sm" (small) and default (medium) variants
- New component.tiles.css with @container queries for md (2-6 cols) and sm (2-6 cols with earlier thresholds)
- Layout main columns now declared as size containers for tile responsiveness
- Page classes (.blog, .docs) moved from <main> to <body> to allow layout token overrides
- Updated all affected pages and docs to use Tiles; removed cardList.css and featureGrid.css
- CHANGELOG entry documenting breaking changes and migration path
@netlify

netlify Bot commented Jul 24, 2026

Copy link
Copy Markdown

Deploy Preview for mcssdev ready!

Name Link
🔨 Latest commit e093c0c
🔍 Latest deploy log https://app.netlify.com/projects/mcssdev/deploys/6a63f2f95679b80008c1495d
😎 Deploy Preview https://deploy-preview-52--mcssdev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 98
Accessibility: 98
Best Practices: 100
SEO: 99
PWA: 70
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Replace hardcoded rotation and translation values with native CSS random() function to enable dynamic, per-element randomization in the wireframe theme. Disable the PostCSS preset-env random-function polyfill in both config files to prevent it from freezing random() into static values. This allows the wireframe theme's tier 1 tilt effect to vary live per element rather than being locked at build time.
@minimaldesign
minimaldesign merged commit ce04659 into main Jul 24, 2026
5 checks passed
@minimaldesign
minimaldesign deleted the tiles branch July 24, 2026 23:21
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.

1 participant