-
Notifications
You must be signed in to change notification settings - Fork 0
Tiles module #22
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Tiles module #22
Conversation
dmontesi
commented
Jan 14, 2026
- New tiles module based on Figma design https://www.figma.com/design/iW0aTjGnWTrkU8EvWNdLOI/Pronto-%E2%80%93-V2?node-id=5699-2008&m=dev
- Halves, and thirds grids with staggered option
✅ Deploy Preview for imarc-pronto ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull request overview
Adds a new Tiles organism (SCSS + HTML examples) implementing halves/thirds grid layouts with featured/wide/tall variants and an optional staggered layout, based on the referenced Figma design.
Changes:
- Introduces the
tilesorganism styling (resources/styles/organisms/tiles/index.scss) including thirds/halves and staggered layouts. - Adds example markup files for the tiles module and its variants (
tiles.html,tiles--thirds.html,tiles--halves.html). - Exposes the new organism via
resources/styles/organisms/index.scss.
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 8 comments.
Show a summary per file
| File | Description |
|---|---|
| resources/styles/organisms/tiles/tiles.html | Full demo markup showcasing thirds/halves + featured/wide/tall + staggered variants |
| resources/styles/organisms/tiles/tiles--thirds.html | Demo markup focused on thirds + staggered variant |
| resources/styles/organisms/tiles/tiles--halves.html | Demo markup focused on halves variant |
| resources/styles/organisms/tiles/index.scss | New tiles layout system (grid sets + tile span modifiers + “view more” button styling) |
| resources/styles/organisms/index.scss | Adds @forward "tiles"; to include the new organism styles |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.