Skip to content
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.

Sign up for GitHub

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

Jump to bottom

CSS Grid support #1

Open
mattrosno opened this issue Jun 3, 2021 · 2 comments
Open

CSS Grid support #1

mattrosno opened this issue Jun 3, 2021 · 2 comments
Labels
beta Status: mostly complete, fully documented, published timeline carbon elements Library: IBM Design Language elements like colors, type, iconography, and more carbon react Library: React implementation of Carbon components
Milestone
v11 release

Comments

@mattrosno
Copy link
Member

mattrosno commented Jun 3, 2021 •
edited
Loading

Summary

Our grid implementation uses Flexbox as the underlying layout mechanism for teams to achieve 12/16 column layouts. As we look towards dropping support for IE11 in our next release, it would make sense for us to provide first-class support for CSS Grid.

Job stories

  1. When building a page, I want to nest a grid, so the implementation can stay in line with the IBM Design Language grid specifications.
  2. When building a page, I want the default grid to contain 16 columns, so I don't have to learn and configure feature flags.

Success measures

  1. @carbon/grid utility classes and Sass mixins/functions use CSS Grid properties instead of Flexbox properties
  2. Grid and Column React components use the updated @carbon/grid package
  3. Nested Grid components/children are automatically applied subgrid-related classes/styling.
  4. Deprecate the Row component, it's no longer needed
  5. Updated documentation for all of the above. The grid package, as well as the React components

Sponsoring team

Carbon team
@carbon-design-system carbon-design-system locked and limited conversation to collaborators Jun 3, 2021
@mattrosno mattrosno added carbon components Library: component styles and vanilla JavaScript carbon elements Library: IBM Design Language elements like colors, type, iconography, and more carbon react Library: React implementation of Carbon components and removed carbon components Library: component styles and vanilla JavaScript labels Jun 3, 2021
@mattrosno
Copy link
Member Author

Epic: carbon-design-system/carbon#8141

@mattrosno mattrosno added the beta Status: mostly complete, fully documented, published timeline label Jun 9, 2021
@mattrosno mattrosno added this to the v11 release milestone Jun 9, 2021
@mattrosno
Copy link
Member Author

Release: https://github.com/carbon-design-system/carbon/releases/tag/v10.33.0

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
beta Status: mostly complete, fully documented, published timeline carbon elements Library: IBM Design Language elements like colors, type, iconography, and more carbon react Library: React implementation of Carbon components
Projects
None yet
Milestone
v11 release
Development

No branches or pull requests
1 participant
@mattrosno