diff --git a/features/absolute-positioning.yml b/features/absolute-positioning.yml new file mode 100644 index 00000000000..7f1df7830e7 --- /dev/null +++ b/features/absolute-positioning.yml @@ -0,0 +1,6 @@ +name: Absolute positioning +description: "The `position: absolute` CSS declaration removes an element from the normal flow and positions it relative to its containing block, which is often the root element, or closest positioned ancestor." +spec: https://drafts.csswg.org/css-position-3/#abspos-insets +group: positioning +compat_features: + - css.properties.position.absolute diff --git a/features/absolute-positioning.yml.dist b/features/absolute-positioning.yml.dist new file mode 100644 index 00000000000..763238bfbff --- /dev/null +++ b/features/absolute-positioning.yml.dist @@ -0,0 +1,17 @@ +# Generated from: absolute-positioning.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.position.absolute diff --git a/features/backdrop.yml b/features/backdrop.yml new file mode 100644 index 00000000000..25dab74a360 --- /dev/null +++ b/features/backdrop.yml @@ -0,0 +1,6 @@ +name: "::backdrop" +description: The `::backdrop` CSS pseudo-element is a box underneath an element in the top layer, such as a ``. It can be used to create obscuring effects distinguishing a modal element from the elements underneath. +spec: https://drafts.csswg.org/css-position-4/#backdrop +group: selectors +compat_features: + - css.selectors.backdrop diff --git a/features/backdrop.yml.dist b/features/backdrop.yml.dist new file mode 100644 index 00000000000..a68459a1610 --- /dev/null +++ b/features/backdrop.yml.dist @@ -0,0 +1,17 @@ +# Generated from: backdrop.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2022-03-14 + baseline_high_date: 2024-09-14 + support: + chrome: "37" + chrome_android: "37" + edge: "79" + firefox: "47" + firefox_android: "47" + safari: "15.4" + safari_ios: "15.4" +compat_features: + - css.selectors.backdrop diff --git a/features/fixed-positioning.yml b/features/fixed-positioning.yml new file mode 100644 index 00000000000..1ca656da521 --- /dev/null +++ b/features/fixed-positioning.yml @@ -0,0 +1,6 @@ +name: Fixed positioning +description: "The `position: fixed` CSS declaration removes an element from the normal flow and positions it relative to the viewport or page." +spec: https://drafts.csswg.org/css-position-3/#abspos-insets +group: positioning +compat_features: + - css.properties.position.fixed diff --git a/features/fixed-positioning.yml.dist b/features/fixed-positioning.yml.dist new file mode 100644 index 00000000000..7f9ff559479 --- /dev/null +++ b/features/fixed-positioning.yml.dist @@ -0,0 +1,17 @@ +# Generated from: fixed-positioning.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.position.fixed diff --git a/features/physical-properties.yml b/features/physical-properties.yml new file mode 100644 index 00000000000..a71ff8fc845 --- /dev/null +++ b/features/physical-properties.yml @@ -0,0 +1,13 @@ +name: Physical properties +description: CSS physical properties set the inset position of an element relative to the corresponding side of a container determined by the element's `position` property. +spec: https://drafts.csswg.org/css-position-3/#insets +group: css +compat_features: + - css.properties.bottom + - css.properties.bottom.auto + - css.properties.left + - css.properties.left.auto + - css.properties.right + - css.properties.right.auto + - css.properties.top + - css.properties.top.auto diff --git a/features/physical-properties.yml.dist b/features/physical-properties.yml.dist new file mode 100644 index 00000000000..3081d0d2984 --- /dev/null +++ b/features/physical-properties.yml.dist @@ -0,0 +1,24 @@ +# Generated from: physical-properties.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.bottom + - css.properties.bottom.auto + - css.properties.left + - css.properties.left.auto + - css.properties.right + - css.properties.right.auto + - css.properties.top + - css.properties.top.auto diff --git a/features/position.yml b/features/position.yml new file mode 100644 index 00000000000..a1eca9ddd32 --- /dev/null +++ b/features/position.yml @@ -0,0 +1,6 @@ +name: Position +description: The `position` CSS property sets the origin position of an element to an element, the element's scrollport, or the viewport. +spec: https://drafts.csswg.org/css-position-3/#position-property +group: positioning +compat_features: + - css.properties.position diff --git a/features/position.yml.dist b/features/position.yml.dist new file mode 100644 index 00000000000..43e93b9a367 --- /dev/null +++ b/features/position.yml.dist @@ -0,0 +1,17 @@ +# Generated from: position.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.position diff --git a/features/relative-positioning.yml b/features/relative-positioning.yml new file mode 100644 index 00000000000..7e470f63310 --- /dev/null +++ b/features/relative-positioning.yml @@ -0,0 +1,6 @@ +name: Relative positioning +description: "The `position: relative` CSS declaration offsets the position of an element relative to its position in the normal flow." +spec: https://drafts.csswg.org/css-position-3/#relpos-insets +group: positioning +compat_features: + - css.properties.position.relative diff --git a/features/relative-positioning.yml.dist b/features/relative-positioning.yml.dist new file mode 100644 index 00000000000..0736acfa195 --- /dev/null +++ b/features/relative-positioning.yml.dist @@ -0,0 +1,17 @@ +# Generated from: relative-positioning.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.position.relative diff --git a/features/static-positioning.yml b/features/static-positioning.yml new file mode 100644 index 00000000000..1a36bfd789e --- /dev/null +++ b/features/static-positioning.yml @@ -0,0 +1,6 @@ +name: Static positioning +description: "The `position: static` CSS declaration positions an element in the normal flow. A statically positioned element ignores physical and logical properties such as `top` or `inset-block-start`." +spec: https://drafts.csswg.org/css-position-3/#position-property +group: positioning +compat_features: + - css.properties.position.static diff --git a/features/static-positioning.yml.dist b/features/static-positioning.yml.dist new file mode 100644 index 00000000000..25c71b91848 --- /dev/null +++ b/features/static-positioning.yml.dist @@ -0,0 +1,17 @@ +# Generated from: static-positioning.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.position.static diff --git a/features/sticky-positioning.yml b/features/sticky-positioning.yml index 3c52fa1be18..92cfea6e478 100644 --- a/features/sticky-positioning.yml +++ b/features/sticky-positioning.yml @@ -1,5 +1,5 @@ name: Sticky positioning description: "The `position: sticky` CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position." spec: https://drafts.csswg.org/css-position-3/#stickypos-insets -group: layout +group: positioning caniuse: css-sticky diff --git a/groups/positioning.yml b/groups/positioning.yml new file mode 100644 index 00000000000..17243c945a4 --- /dev/null +++ b/groups/positioning.yml @@ -0,0 +1,3 @@ +# CSS positioning property and schemes. +name: Positioning +parent: layout