Skip to content

Commit

Permalink
Add CSS page breaking features (#331)
Browse files Browse the repository at this point in the history
See also: Fyrd/caniuse#7045 (comment)

---------

Co-authored-by: François Daoust <fd@tidoust.net>
  • Loading branch information
ddbeck and tidoust committed May 2, 2024
1 parent 002b5b6 commit 6170bec
Show file tree
Hide file tree
Showing 4 changed files with 96 additions and 0 deletions.
23 changes: 23 additions & 0 deletions features/column-breaks.dist.yml
@@ -0,0 +1,23 @@
# Generated from: column-breaks.yml
# Do not edit this file by hand. Edit the source file instead!

name: Column breaks
description: In columnar layouts (created by the `columns` or `column-count` CSS properties), the `break-after`, `break-before`, `break-inside` properties control where columns start or end.
spec: https://drafts.csswg.org/css-break-3/#breaking-controls
status:
baseline: false
support:
chrome: "102"
chrome_android: "102"
edge: "102"
compat_features:
- css.properties.break-after.multicol_context
- css.properties.break-after.multicol_context.avoid
- css.properties.break-after.multicol_context.avoid-column
- css.properties.break-after.multicol_context.column
- css.properties.break-before.multicol_context
- css.properties.break-before.multicol_context.avoid
- css.properties.break-before.multicol_context.avoid-column
- css.properties.break-before.multicol_context.column
- css.properties.break-inside.multicol_context
- css.properties.break-inside.multicol_context.avoid-column
14 changes: 14 additions & 0 deletions features/column-breaks.yml
@@ -0,0 +1,14 @@
name: Column breaks
description: In columnar layouts (created by the `columns` or `column-count` CSS properties), the `break-after`, `break-before`, `break-inside` properties control where columns start or end.
spec: https://drafts.csswg.org/css-break-3/#breaking-controls
compat_features:
- css.properties.break-after.multicol_context
- css.properties.break-after.multicol_context.avoid
- css.properties.break-after.multicol_context.avoid-column
- css.properties.break-after.multicol_context.column
- css.properties.break-before.multicol_context
- css.properties.break-before.multicol_context.avoid
- css.properties.break-before.multicol_context.avoid-column
- css.properties.break-before.multicol_context.column
- css.properties.break-inside.multicol_context
- css.properties.break-inside.multicol_context.avoid-column
31 changes: 31 additions & 0 deletions features/page-breaks.dist.yml
@@ -0,0 +1,31 @@
# Generated from: page-breaks.yml
# Do not edit this file by hand. Edit the source file instead!

name: Page breaks
description: The `break-after`, `break-before`, `break-inside` CSS properties (along with `page-break-` aliases) control where printed pages start and end. Also known as pagination or page breaking.
spec: https://drafts.csswg.org/css-break-3/#breaking-controls
caniuse: css-page-break
# TODO: remove status override when https://github.com/mdn/browser-compat-data/pull/22987 ships
status:
baseline: false
support:
chrome: "50"
chrome_android: "50"
edge: "12"
compat_features:
- css.properties.break-after
- css.properties.break-after.paged_context
- css.properties.break-after.paged_context.page
- css.properties.break-before
- css.properties.break-before.paged_context
- css.properties.break-before.paged_context.page
- css.properties.break-inside
- css.properties.break-inside.paged_context
# `page-break-` are now legacy shorthands
# https://drafts.csswg.org/css-break/#page-break-properties
- css.properties.page-break-after
- css.properties.page-break-after.avoid
- css.properties.page-break-before
- css.properties.page-break-before.avoid
- css.properties.page-break-inside
- css.properties.page-break-inside.avoid
28 changes: 28 additions & 0 deletions features/page-breaks.yml
@@ -0,0 +1,28 @@
name: Page breaks
description: The `break-after`, `break-before`, `break-inside` CSS properties (along with `page-break-` aliases) control where printed pages start and end. Also known as pagination or page breaking.
spec: https://drafts.csswg.org/css-break-3/#breaking-controls
caniuse: css-page-break
# TODO: remove status override when https://github.com/mdn/browser-compat-data/pull/22987 ships
status:
baseline: false
support:
chrome: "50"
chrome_android: "50"
edge: "12"
compat_features:
- css.properties.break-after
- css.properties.break-after.paged_context
- css.properties.break-after.paged_context.page
- css.properties.break-before
- css.properties.break-before.paged_context
- css.properties.break-before.paged_context.page
- css.properties.break-inside
- css.properties.break-inside.paged_context
# `page-break-` are now legacy shorthands
# https://drafts.csswg.org/css-break/#page-break-properties
- css.properties.page-break-after
- css.properties.page-break-after.avoid
- css.properties.page-break-before
- css.properties.page-break-before.avoid
- css.properties.page-break-inside
- css.properties.page-break-inside.avoid

0 comments on commit 6170bec

Please sign in to comment.