search

carbon-design-system / roadmap

Carbon Design System's roadmap.
https://www.carbondesignsystem.com
Apache License 2.0
4 stars 1 forks source link

CSS Grid support #1

Open mattrosno opened 3 years ago

mattrosno commented 3 years ago

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

mattrosno commented 3 years ago

Epic: https://github.com/carbon-design-system/carbon/issues/8141

mattrosno commented 3 years ago

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