Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
149 changes: 149 additions & 0 deletions features/draft/spec/css-align-3.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
draft_date: 2026-10-22
name: CSS Box Alignment Module Level 3
description: TODO
spec: https://drafts.csswg.org/css-align-3/
compat_features:
- css.properties.justify-content.center
- css.properties.justify-content.space-around
- css.properties.justify-content.space-between
- css.properties.justify-items.baseline
- css.properties.justify-items.end
- css.properties.justify-items.normal
- css.properties.justify-items.self-end
- css.properties.justify-items.self-start
- css.properties.justify-items.start
- css.properties.justify-items.stretch
- css.properties.justify-self.baseline
- css.properties.justify-self.center
- css.properties.justify-self.end
- css.properties.justify-self.self-end
- css.properties.justify-self.self-start
- css.properties.justify-self.start
- css.properties.place-content.baseline
- css.properties.place-content.center
- css.properties.place-content.end
- css.properties.place-content.flex-end
- css.properties.place-content.flex-start
- css.properties.place-content.normal
- css.properties.place-content.space-around
- css.properties.place-content.space-between
- css.properties.place-content.space-evenly
- css.properties.place-content.start
- css.properties.place-content.stretch
- css.properties.place-items.baseline
- css.properties.place-items.center
- css.properties.place-items.end
- css.properties.place-items.flex-end
- css.properties.place-items.flex-start
- css.properties.place-items.normal
- css.properties.place-items.self-end
- css.properties.place-items.self-start
- css.properties.place-items.start
- css.properties.place-items.stretch
- css.properties.place-self.auto
- css.properties.place-self.baseline
- css.properties.place-self.center
- css.properties.place-self.end
- css.properties.place-self.flex-end
- css.properties.place-self.flex-start
- css.properties.place-self.normal
- css.properties.place-self.self-end
- css.properties.place-self.self-start
- css.properties.place-self.start
- css.properties.place-self.stretch

# The following features in the spec are already part of web-features:
# - Flexbox:
# - css.properties.align-content
# - css.properties.align-content.baseline
# - css.properties.align-content.center
# - css.properties.align-content.context_flex
# - css.properties.align-content.end
# - css.properties.align-content.first_baseline
# - css.properties.align-content.last_baseline
# - css.properties.align-content.normal
# - css.properties.align-content.safe
# - css.properties.align-content.space-around
# - css.properties.align-content.space-between
# - css.properties.align-content.space-evenly
# - css.properties.align-content.start
# - css.properties.align-content.unsafe
# - css.properties.align-items
# - css.properties.align-items.center
# - css.properties.align-items.context_flex
# - css.properties.align-items.context_flex.end_in_flex
# - css.properties.align-items.context_flex.start_in_flex
# - css.properties.align-items.end
# - css.properties.align-items.first_baseline
# - css.properties.align-items.last_baseline
# - css.properties.align-items.normal
# - css.properties.align-items.safe
# - css.properties.align-items.self-end
# - css.properties.align-items.self-start
# - css.properties.align-items.start
# - css.properties.align-items.stretch
# - css.properties.align-items.unsafe
# - css.properties.align-self
# - css.properties.align-self.auto
# - css.properties.align-self.center
# - css.properties.align-self.context_flex
# - css.properties.align-self.end
# - css.properties.align-self.first_baseline
# - css.properties.align-self.last_baseline
# - css.properties.align-self.normal
# - css.properties.align-self.safe
# - css.properties.align-self.self-end
# - css.properties.align-self.self-start
# - css.properties.align-self.start
# - css.properties.align-self.stretch
# - css.properties.align-self.unsafe
# - css.properties.justify-content
# - css.properties.justify-content.context_flex
# - css.properties.justify-content.end
# - css.properties.justify-content.left
# - css.properties.justify-content.normal
# - css.properties.justify-content.right
# - css.properties.justify-content.safe
# - css.properties.justify-content.space-evenly
# - css.properties.justify-content.start
# - css.properties.justify-content.stretch
# - css.properties.justify-content.unsafe
# - css.properties.justify-items
# - css.properties.justify-items.center
# - css.properties.justify-items.context_flex
# - css.properties.justify-items.left
# - css.properties.justify-items.legacy
# - css.properties.justify-items.right
# - css.properties.place-content
# - css.properties.place-content.context_flex
# - css.properties.place-items
# - css.properties.place-items.context_flex
# - css.properties.place-self
# - css.properties.place-self.context_flex
# - align-content in block layouts:
# - css.properties.align-content.context_block
# - Grid:
# - css.properties.align-content.context_grid
# - css.properties.align-items.context_grid
# - css.properties.align-self.context_grid
# - css.properties.justify-content.context_grid
# - css.properties.justify-items.context_grid
# - css.properties.justify-self
# - css.properties.justify-self.auto
# - css.properties.justify-self.context_grid
# - css.properties.justify-self.left
# - css.properties.justify-self.normal
# - css.properties.justify-self.right
# - css.properties.justify-self.stretch
# - css.properties.place-content.context_grid
# - css.properties.place-items.context_grid
# - css.properties.place-self.context_grid
# - Multi-column layout:
# - css.properties.align-content.context_multicol
# - Absolute positioning:
# - css.properties.align-self.context_position_absolute
# - css.properties.justify-self.context_position_absolute
# - css.properties.place-self.context_position_absolute
# - justify-self in block layouts:
# - css.properties.justify-items.context_block
# - css.properties.justify-self.context_block
11 changes: 9 additions & 2 deletions features/draft/spec/css-flexbox-1.yml
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
draft_date: 2026-10-19
draft_date: 2026-10-22
name: CSS Flexible Box Layout Module Level 1
description: TODO
spec: https://drafts.csswg.org/css-flexbox-1/
Expand All @@ -15,6 +15,13 @@ compat_features:
- css.properties.flex-flow.wrap-reverse
- css.properties.flex-line-count
- css.properties.flex.auto
- css.properties.flex.content
- css.properties.justify-content.flex-end
- css.properties.justify-content.flex-start
- css.properties.justify-items.flex-end
- css.properties.justify-items.flex-start
- css.properties.justify-self.flex-end
- css.properties.justify-self.flex-start

# The following features in the spec are already part of web-features:
# - Flexbox:
Expand Down Expand Up @@ -51,7 +58,7 @@ compat_features:
# - css.properties.flex-wrap.wrap
# - css.properties.flex-wrap.wrap-reverse
# - css.properties.justify-content
# - css.properties.justify-content.flex_context
# - css.properties.justify-content.context_flex
# - css.properties.position.absolutely_positioned_flex_children
# - Grid:
# - css.properties.align-items.context_grid
Expand Down
172 changes: 172 additions & 0 deletions features/draft/spec/css-gaps-1.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@
draft_date: 2026-10-22
name: CSS Gaps Module Level 1
description: TODO
spec: https://drafts.csswg.org/css-gaps-1/
compat_features:
- css.properties.column-rule-color.multiple_colors
- css.properties.column-rule-color.repeat

# The following features in the spec are already part of web-features:
# - Multi-column layout:
# - css.properties.column-gap
# - css.properties.column-gap.multicol_context
# - css.properties.column-gap.normal
# - css.properties.column-rule-color
# - css.properties.gap.multicol_context
# - Flexbox gap:
# - css.properties.column-gap.flex_context
# - css.properties.gap.flex_context
# - css.properties.row-gap.flex_context
# - Grid:
# - css.properties.column-gap.grid_context
# - css.properties.gap
# - css.properties.gap.grid_context
# - css.properties.gap.normal
# - css.properties.row-gap
# - css.properties.row-gap.grid_context
# - css.properties.row-gap.normal
# - Gap decorations:
# - css.properties.column-rule-break
# - css.properties.column-rule-break.intersection
# - css.properties.column-rule-break.none
# - css.properties.column-rule-break.normal
# - css.properties.column-rule-inset
# - css.properties.column-rule-inset.overlap-join
# - css.properties.column-rule-inset-cap
# - css.properties.column-rule-inset-cap.overlap-join
# - css.properties.column-rule-inset-cap-end
# - css.properties.column-rule-inset-cap-end.overlap-join
# - css.properties.column-rule-inset-cap-start
# - css.properties.column-rule-inset-cap-start.overlap-join
# - css.properties.column-rule-inset-end
# - css.properties.column-rule-inset-end.overlap-join
# - css.properties.column-rule-inset-junction
# - css.properties.column-rule-inset-junction.overlap-join
# - css.properties.column-rule-inset-junction-end
# - css.properties.column-rule-inset-junction-end.overlap-join
# - css.properties.column-rule-inset-junction-start
# - css.properties.column-rule-inset-junction-start.overlap-join
# - css.properties.column-rule-inset-start
# - css.properties.column-rule-inset-start.overlap-join
# - css.properties.column-rule-visibility-items
# - css.properties.column-rule-visibility-items.all
# - css.properties.column-rule-visibility-items.around
# - css.properties.column-rule-visibility-items.between
# - css.properties.column-rule-visibility-items.normal
# - css.properties.row-rule
# - css.properties.row-rule.currentColor
# - css.properties.row-rule.dashed
# - css.properties.row-rule.dotted
# - css.properties.row-rule.double
# - css.properties.row-rule.groove
# - css.properties.row-rule.hidden
# - css.properties.row-rule.inset
# - css.properties.row-rule.medium
# - css.properties.row-rule.none
# - css.properties.row-rule.outset
# - css.properties.row-rule.ridge
# - css.properties.row-rule.solid
# - css.properties.row-rule.thick
# - css.properties.row-rule.thin
# - css.properties.row-rule.transparent
# - css.properties.row-rule-break
# - css.properties.row-rule-break.intersection
# - css.properties.row-rule-break.none
# - css.properties.row-rule-break.normal
# - css.properties.row-rule-color
# - css.properties.row-rule-color.currentColor
# - css.properties.row-rule-color.transparent
# - css.properties.row-rule-inset
# - css.properties.row-rule-inset.overlap-join
# - css.properties.row-rule-inset-cap
# - css.properties.row-rule-inset-cap.overlap-join
# - css.properties.row-rule-inset-cap-end
# - css.properties.row-rule-inset-cap-end.overlap-join
# - css.properties.row-rule-inset-cap-start
# - css.properties.row-rule-inset-cap-start.overlap-join
# - css.properties.row-rule-inset-end
# - css.properties.row-rule-inset-end.overlap-join
# - css.properties.row-rule-inset-junction
# - css.properties.row-rule-inset-junction.overlap-join
# - css.properties.row-rule-inset-junction-end
# - css.properties.row-rule-inset-junction-end.overlap-join
# - css.properties.row-rule-inset-junction-start
# - css.properties.row-rule-inset-junction-start.overlap-join
# - css.properties.row-rule-inset-start
# - css.properties.row-rule-inset-start.overlap-join
# - css.properties.row-rule-style
# - css.properties.row-rule-style.dashed
# - css.properties.row-rule-style.dotted
# - css.properties.row-rule-style.double
# - css.properties.row-rule-style.groove
# - css.properties.row-rule-style.hidden
# - css.properties.row-rule-style.inset
# - css.properties.row-rule-style.none
# - css.properties.row-rule-style.outset
# - css.properties.row-rule-style.ridge
# - css.properties.row-rule-style.solid
# - css.properties.row-rule-visibility-items
# - css.properties.row-rule-visibility-items.all
# - css.properties.row-rule-visibility-items.around
# - css.properties.row-rule-visibility-items.between
# - css.properties.row-rule-visibility-items.normal
# - css.properties.row-rule-width
# - css.properties.row-rule-width.medium
# - css.properties.row-rule-width.thick
# - css.properties.row-rule-width.thin
# - css.properties.rule
# - css.properties.rule.currentColor
# - css.properties.rule.dashed
# - css.properties.rule.dotted
# - css.properties.rule.double
# - css.properties.rule.groove
# - css.properties.rule.hidden
# - css.properties.rule.inset
# - css.properties.rule.medium
# - css.properties.rule.none
# - css.properties.rule.outset
# - css.properties.rule.ridge
# - css.properties.rule.solid
# - css.properties.rule.thick
# - css.properties.rule.thin
# - css.properties.rule.transparent
# - css.properties.rule-break
# - css.properties.rule-break.intersection
# - css.properties.rule-break.none
# - css.properties.rule-break.normal
# - css.properties.rule-color
# - css.properties.rule-color.currentColor
# - css.properties.rule-color.transparent
# - css.properties.rule-inset
# - css.properties.rule-inset.overlap-join
# - css.properties.rule-inset-cap
# - css.properties.rule-inset-cap.overlap-join
# - css.properties.rule-inset-end
# - css.properties.rule-inset-end.overlap-join
# - css.properties.rule-inset-junction
# - css.properties.rule-inset-junction.overlap-join
# - css.properties.rule-inset-start
# - css.properties.rule-inset-start.overlap-join
# - css.properties.rule-overlap
# - css.properties.rule-overlap.column-over-row
# - css.properties.rule-overlap.row-over-column
# - css.properties.rule-style
# - css.properties.rule-style.dashed
# - css.properties.rule-style.dotted
# - css.properties.rule-style.double
# - css.properties.rule-style.groove
# - css.properties.rule-style.hidden
# - css.properties.rule-style.inset
# - css.properties.rule-style.none
# - css.properties.rule-style.outset
# - css.properties.rule-style.ridge
# - css.properties.rule-style.solid
# - css.properties.rule-visibility-items
# - css.properties.rule-visibility-items.all
# - css.properties.rule-visibility-items.around
# - css.properties.rule-visibility-items.between
# - css.properties.rule-visibility-items.normal
# - css.properties.rule-width
# - css.properties.rule-width.medium
# - css.properties.rule-width.thick
# - css.properties.rule-width.thin
3 changes: 2 additions & 1 deletion features/draft/spec/css-pseudo-4.yml
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
draft_date: 2026-10-08
draft_date: 2026-10-22
name: CSS Pseudo-Elements Module Level 4
description: TODO
spec: https://drafts.csswg.org/css-pseudo-4/
Expand All @@ -16,6 +16,7 @@ compat_features:
- api.Element.pseudo.type_parameter.view-transition_pseudo
- css.selectors.after.nested_marker
- css.selectors.before.nested_marker
- css.selectors.interest-button
- css.selectors.search-text

# The following features in the spec are already part of web-features:
Expand Down
8 changes: 7 additions & 1 deletion features/draft/spec/css-values-5.yml
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
draft_date: 2026-10-15
draft_date: 2026-10-22
name: CSS Values and Units Module Level 5
description: TODO
spec: https://drafts.csswg.org/css-values-5/
Expand Down Expand Up @@ -58,6 +58,12 @@ compat_features:
- css.types.attr.raw-string
- css.types.progress.no-clamp
- css.types.random-item
- css.types.random.auto
- css.types.random.dashed-ident
- css.types.random.element-scoped
- css.types.random.fixed
- css.types.random.property-index-scoped
- css.types.random.property-scoped

# The following features in the spec are already part of web-features:
# - Media queries:
Expand Down
6 changes: 6 additions & 0 deletions features/draft/spec/document-isolation-policy.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
draft_date: 2026-10-22
name: Document-Isolation-Policy
description: TODO
spec: https://wicg.github.io/document-isolation-policy/
compat_features:
- http.headers.Document-Isolation-Policy
Loading