From 938ce05f2f4391b1d08d563b1f2eada9bb6f8294 Mon Sep 17 00:00:00 2001 From: Romain Menke Date: Thu, 19 Jan 2023 20:17:35 +0100 Subject: [PATCH 1/2] logical : resize --- CHANGELOG.md | 4 +++ cssdb.json | 19 +++++++++++ cssdb.mjs | 19 +++++++++++ cssdb.settings.json | 81 ++++++++++++++++++++++++--------------------- 4 files changed, 85 insertions(+), 38 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 2efd99d..2adef70 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Changes to cssdb +### Unreleased + +- Added: Stage 2 `logical-resize` + ### 7.3.0 (January 19, 2023) - Added: Stage 2 `logical-viewport-units` diff --git a/cssdb.json b/cssdb.json index d896419..38d270c 100644 --- a/cssdb.json +++ b/cssdb.json @@ -1079,6 +1079,25 @@ ], "vendors_implementations": 3 }, + { + "id": "logical-resize", + "title": "Logical values in the `resize` property", + "description": "Flow-relative (block or inline) values in resize", + "specification": "https://www.w3.org/TR/css-logical-1/", + "stage": 2, + "browser_support": { + "and_ff": "63", + "firefox": "63", + "ios_saf": "16", + "safari": "16" + }, + "docs": { + "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/resize" + }, + "example": "area {\n resize: inline;\n}", + "polyfills": [], + "vendors_implementations": 2 + }, { "id": "logical-viewport-units", "title": "Logical Viewport Units", diff --git a/cssdb.mjs b/cssdb.mjs index f541ccc..41d9908 100644 --- a/cssdb.mjs +++ b/cssdb.mjs @@ -1079,6 +1079,25 @@ export default [ ], "vendors_implementations": 3 }, + { + "id": "logical-resize", + "title": "Logical values in the `resize` property", + "description": "Flow-relative (block or inline) values in resize", + "specification": "https://www.w3.org/TR/css-logical-1/", + "stage": 2, + "browser_support": { + "and_ff": "63", + "firefox": "63", + "ios_saf": "16", + "safari": "16" + }, + "docs": { + "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/resize" + }, + "example": "area {\n resize: inline;\n}", + "polyfills": [], + "vendors_implementations": 2 + }, { "id": "logical-viewport-units", "title": "Logical Viewport Units", diff --git a/cssdb.settings.json b/cssdb.settings.json index 67ef0f7..79054ad 100644 --- a/cssdb.settings.json +++ b/cssdb.settings.json @@ -804,24 +804,9 @@ }, "example": "span:first-child {\n margin-inline-start: 10px;\n}", "mdn_path": [ - "css.properties['inline-size']", - "css.properties['inline-size']['max-content']", - "css.properties['inline-size']['min-content']", - "css.properties['min-inline-size']", - "css.properties['min-inline-size']['max-content']", - "css.properties['min-inline-size']['min-content']", - "css.properties['max-inline-size']", - "css.properties['max-inline-size']['max-content']", - "css.properties['max-inline-size']['min-content']", "css.properties['block-size']", - "css.properties['block-size']['max-content']", - "css.properties['block-size']['min-content']", - "css.properties['min-block-size']", - "css.properties['min-block-size']['max-content']", - "css.properties['min-block-size']['min-content']", - "css.properties['max-block-size']", - "css.properties['max-block-size']['max-content']", - "css.properties['max-block-size']['min-content']", + "css.properties['border-block']", + "css.properties['border-block-color']", "css.properties['border-block-end']", "css.properties['border-block-end-color']", "css.properties['border-block-end-style']", @@ -830,6 +815,12 @@ "css.properties['border-block-start-color']", "css.properties['border-block-start-style']", "css.properties['border-block-start-width']", + "css.properties['border-block-style']", + "css.properties['border-block-width']", + "css.properties['border-end-end-radius']", + "css.properties['border-end-start-radius']", + "css.properties['border-inline']", + "css.properties['border-inline-color']", "css.properties['border-inline-end']", "css.properties['border-inline-end-color']", "css.properties['border-inline-end-style']", @@ -838,36 +829,34 @@ "css.properties['border-inline-start-color']", "css.properties['border-inline-start-style']", "css.properties['border-inline-start-width']", - "css.properties['border-start-start-radius']", - "css.properties['border-end-start-radius']", + "css.properties['border-inline-style']", + "css.properties['border-inline-width']", "css.properties['border-start-end-radius']", - "css.properties['border-end-end-radius']", + "css.properties['border-start-start-radius']", + "css.properties['inline-size']", + "css.properties['inset']", + "css.properties['inset-block']", + "css.properties['inset-block-end']", + "css.properties['inset-block-start']", + "css.properties['inset-inline']", + "css.properties['inset-inline-end']", + "css.properties['inset-inline-start']", + "css.properties['margin-block']", "css.properties['margin-block-end']", "css.properties['margin-block-start']", + "css.properties['margin-inline']", "css.properties['margin-inline-end']", "css.properties['margin-inline-start']", + "css.properties['max-block-size']", + "css.properties['max-inline-size']", + "css.properties['min-block-size']", + "css.properties['min-inline-size']", + "css.properties['padding-block']", "css.properties['padding-block-end']", "css.properties['padding-block-start']", + "css.properties['padding-inline']", "css.properties['padding-inline-end']", "css.properties['padding-inline-start']", - "css.properties['border-block']", - "css.properties['border-block-color']", - "css.properties['border-block-style']", - "css.properties['border-block-width']", - "css.properties['border-inline']", - "css.properties['border-inline-color']", - "css.properties['border-inline-style']", - "css.properties['border-inline-width']", - "css.properties['margin-block']", - "css.properties['margin-inline']", - "css.properties['padding-block']", - "css.properties['padding-inline']", - "css.properties['inset-inline']", - "css.properties['inset-inline-start']", - "css.properties['inset-inline-end']", - "css.properties['inset-block']", - "css.properties['inset-block-start']", - "css.properties['inset-block-end']", "css.properties['text-align'].flow_relative_values_start_and_end" ], "polyfills": [ @@ -877,6 +866,22 @@ } ] }, + { + "id": "logical-resize", + "title": "Logical values in the `resize` property", + "description": "Flow-relative (block or inline) values in resize", + "specification": "https://www.w3.org/TR/css-logical-1/", + "stage": 2, + "browser_support": {}, + "docs": { + "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/resize" + }, + "example": "area {\n resize: inline;\n}", + "mdn_path": [ + "css.properties['resize'].flow_relative_support" + ], + "polyfills": [] + }, { "id": "logical-viewport-units", "title": "Logical Viewport Units", From 2dbdc29c0df4fccb65e5ad051adcdf7690e3f686 Mon Sep 17 00:00:00 2001 From: Romain Menke <11521496+romainmenke@users.noreply.github.com> Date: Sat, 21 Jan 2023 08:24:57 +0100 Subject: [PATCH 2/2] data for ratio in at-media (#253) --- cssdb.json | 13 +++++++++++-- cssdb.mjs | 13 +++++++++++-- cssdb.settings.json | 44 +++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 65 insertions(+), 5 deletions(-) diff --git a/cssdb.json b/cssdb.json index 38d270c..53ab3f2 100644 --- a/cssdb.json +++ b/cssdb.json @@ -1160,7 +1160,16 @@ "description": "Support `` values with `` components in `@media`", "specification": "https://www.w3.org/TR/css-values-4/#ratio-value", "stage": 2, - "browser_support": {}, + "browser_support": { + "and_chr": "110", + "and_ff": "78", + "android": "110", + "chrome": "110", + "edge": "110", + "firefox": "78", + "ios_saf": "16.2", + "safari": "16.2" + }, "docs": { "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/ratio" }, @@ -1171,7 +1180,7 @@ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-media-queries-aspect-ratio-number-values" } ], - "vendors_implementations": 0 + "vendors_implementations": 2 }, { "id": "media-query-ranges", diff --git a/cssdb.mjs b/cssdb.mjs index 41d9908..4a507cd 100644 --- a/cssdb.mjs +++ b/cssdb.mjs @@ -1160,7 +1160,16 @@ export default [ "description": "Support `` values with `` components in `@media`", "specification": "https://www.w3.org/TR/css-values-4/#ratio-value", "stage": 2, - "browser_support": {}, + "browser_support": { + "and_chr": "110", + "and_ff": "78", + "android": "110", + "chrome": "110", + "edge": "110", + "firefox": "78", + "ios_saf": "16.2", + "safari": "16.2" + }, "docs": { "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/ratio" }, @@ -1171,7 +1180,7 @@ export default [ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-media-queries-aspect-ratio-number-values" } ], - "vendors_implementations": 0 + "vendors_implementations": 2 }, { "id": "media-query-ranges", diff --git a/cssdb.settings.json b/cssdb.settings.json index 79054ad..862d7e7 100644 --- a/cssdb.settings.json +++ b/cssdb.settings.json @@ -928,6 +928,48 @@ "specification": "https://www.w3.org/TR/css-values-4/#ratio-value", "stage": 2, "browser_support": {}, + "browser_support_overrides": { + "and_chr": { + "from": null, + "to": "110", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + }, + "and_ff": { + "from": null, + "to": "78", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + }, + "android": { + "from": null, + "to": "110", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + }, + "chrome": { + "from": null, + "to": "110", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + }, + "edge": { + "from": null, + "to": "110", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + }, + "firefox": { + "from": null, + "to": "78", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + }, + "ios_saf": { + "from": null, + "to": "16.2", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + }, + "safari": { + "from": null, + "to": "16.2", + "bug": "https://github.com/mdn/browser-compat-data/issues/18198" + } + }, "docs": { "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/ratio" }, @@ -1268,7 +1310,7 @@ } ] }, - { + { "id": "text-decoration-shorthand", "title": "`text-decoration` shorthand", "description": "A property for defining `text-decoration-line`, `text-decoration-thickness`, `text-decoration-style` and `text-decoration-color`",