diff --git a/features/display-grid-lanes.yml b/features/display-grid-lanes.yml index 446706dd4c5..3dc37025411 100644 --- a/features/display-grid-lanes.yml +++ b/features/display-grid-lanes.yml @@ -1,2 +1,2 @@ kind: moved -redirect_target: masonry +redirect_target: grid-lanes diff --git a/features/display-grid-lanes.yml.dist b/features/display-grid-lanes.yml.dist index 81ebc0d1e5d..93adefbff8e 100644 --- a/features/display-grid-lanes.yml.dist +++ b/features/display-grid-lanes.yml.dist @@ -1,6 +1,6 @@ # Generated from: display-grid-lanes.yml # This file intentionally left blank. # Do not edit this file. -# The data for this feature has moved to masonry.yml +# The data for this feature has moved to grid-lanes.yml {} diff --git a/features/draft/spec/css-grid-3.yml b/features/draft/spec/css-grid-3.yml index e5faecf89da..b313bebb615 100644 --- a/features/draft/spec/css-grid-3.yml +++ b/features/draft/spec/css-grid-3.yml @@ -1,13 +1,8 @@ -draft_date: 2026-05-08 +draft_date: 2026-08-04 name: CSS Grid Layout Module Level 3 description: TODO spec: https://drafts.csswg.org/css-grid-3/ compat_features: - - css.properties.display.grid-lanes - - css.properties.display.inline-grid-lanes - - css.properties.flow-tolerance - - css.properties.flow-tolerance.infinite - - css.properties.flow-tolerance.normal - css.properties.grid-area.auto - css.properties.grid-auto-columns.auto - css.properties.grid-auto-columns.max-content @@ -67,9 +62,17 @@ compat_features: # - css.properties.column-gap.multicol_context # - Flexbox gap: # - css.properties.column-gap.flex_context -# - Masonry: +# - Grid lanes: +# - css.properties.display.grid-lanes +# - css.properties.display.inline-grid-lanes +# - css.properties.flow-tolerance +# - css.properties.flow-tolerance.infinite +# - css.properties.flow-tolerance.normal # - css.properties.grid-template-columns.masonry # - css.properties.grid-template-rows.masonry +# - Grid animation: +# - css.properties.grid-template-columns.animation +# - css.properties.grid-template-rows.animation # - Subgrid: # - css.properties.grid-template-columns.subgrid # - css.properties.grid-template-rows.subgrid diff --git a/features/draft/spec/css-grid-3.yml.dist b/features/draft/spec/css-grid-3.yml.dist index 36297fb51ef..dc919d8cae6 100644 --- a/features/draft/spec/css-grid-3.yml.dist +++ b/features/draft/spec/css-grid-3.yml.dist @@ -2,10 +2,17 @@ # Do not edit this file by hand. Edit the source file instead! status: - baseline: false +baseline: high + baseline_low_date: 2020-07-28 + baseline_high_date: 2023-01-28 support: - safari: "26.4" - safari_ios: "26.4" + chrome: "57" + chrome_android: "57" + edge: "16" + firefox: "70" + firefox_android: "79" + safari: "11" + safari_ios: "11" compat_features: # baseline: high # baseline_low_date: 2017-10-17 @@ -41,6 +48,7 @@ compat_features: - css.properties.grid-auto-columns.auto - css.properties.grid-auto-rows.auto + # ⬇️ Same status as overall feature ⬇️ # baseline: high # baseline_low_date: 2020-07-28 # baseline_high_date: 2023-01-28 diff --git a/features/grid-lanes.yml b/features/grid-lanes.yml index 446706dd4c5..b91c8921262 100644 --- a/features/grid-lanes.yml +++ b/features/grid-lanes.yml @@ -1,2 +1,11 @@ -kind: moved -redirect_target: masonry +name: Grid lanes +description: "The `display: grid-lanes` and `display: inline-grid-lanes` CSS declarations create a layout where items are tightly packed in parallel lanes. Items are placed one by one in the lane that has the most available space. Also known as masonry." +spec: https://drafts.csswg.org/css-grid-3/ +group: layout +caniuse: css-grid-lanes +compat_features: + - css.properties.display.grid-lanes + - css.properties.display.inline-grid-lanes + - css.properties.flow-tolerance + - css.properties.flow-tolerance.infinite + - css.properties.flow-tolerance.normal diff --git a/features/grid-lanes.yml.dist b/features/grid-lanes.yml.dist index 5fa292413c4..5b6531a8a7f 100644 --- a/features/grid-lanes.yml.dist +++ b/features/grid-lanes.yml.dist @@ -1,6 +1,12 @@ # Generated from: grid-lanes.yml -# This file intentionally left blank. -# Do not edit this file. -# The data for this feature has moved to masonry.yml +# Do not edit this file by hand. Edit the source file instead! -{} +status: + baseline: false + support: {} +compat_features: + - css.properties.display.grid-lanes + - css.properties.display.inline-grid-lanes + - css.properties.flow-tolerance + - css.properties.flow-tolerance.infinite + - css.properties.flow-tolerance.normal diff --git a/features/masonry.yml b/features/masonry.yml index 8e2f8a5ff12..3dc37025411 100644 --- a/features/masonry.yml +++ b/features/masonry.yml @@ -1,5 +1,2 @@ -name: Masonry -description: "The `display: grid-lanes` or `display: inline-grid-lanes` CSS declaration creates a layout where items are tightly packed, like brickwork, in parallel lanes. Items are placed one by one in the lane that has the most available space." -spec: https://drafts.csswg.org/css-grid-3/ -group: layout -caniuse: css-grid-lanes +kind: moved +redirect_target: grid-lanes diff --git a/features/masonry.yml.dist b/features/masonry.yml.dist index 67e5d328f26..35aecf865a5 100644 --- a/features/masonry.yml.dist +++ b/features/masonry.yml.dist @@ -1,9 +1,6 @@ # Generated from: masonry.yml -# Do not edit this file by hand. Edit the source file instead! +# This file intentionally left blank. +# Do not edit this file. +# The data for this feature has moved to grid-lanes.yml -status: - baseline: false - support: {} -compat_features: - - css.properties.grid-template-columns.masonry - - css.properties.grid-template-rows.masonry +{}