Skip to content

Commit

Permalink
feat: CSS contain-intrinsic-* syntax updates (#684)
Browse files Browse the repository at this point in the history
This PR updates the syntax for all `contain-intrinsic-*` properties:


- Most adhere to `auto? [ none | <length> ]` -> an optional `auto`
keyword followed by `none` or a `<length>`, e.g.:
  - `10px`
  - `auto none`
  - `auto 300px`
- `[ auto? [ none | <length> ] ]{1,2}` - an optional `auto` keyword with
`none` or a `<length>`,
  - `50px 250px`
  - `none none`
  - can be `auto 10px auto 10px` (for `auto width, auto height`)


Additionally setting all of these as standard now.

__Related issues and pull requests:__
- [ ] Parent issue mdn/content#28292
- [ ] Examples: mdn/content#28618
- [x] Relnote mdn/content#28522
- [x] BCD - mdn/browser-compat-data#20532


__Bugzilla:__
- https://bugzilla.mozilla.org/show_bug.cgi?id=1835813
  • Loading branch information
bsmth authored Aug 28, 2023
1 parent 07e6462 commit 59748c3
Showing 1 changed file with 10 additions and 10 deletions.
20 changes: 10 additions & 10 deletions css/properties.json
Original file line number Diff line number Diff line change
Expand Up @@ -4315,7 +4315,7 @@
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain"
},
"contain-intrinsic-size": {
"syntax": "[ none | <length> | auto <length> ]{1,2}",
"syntax": "[ auto? [ none | <length> ] ]{1,2}",
"media": "visual",
"inherited": false,
"animationType": [
Expand All @@ -4339,11 +4339,11 @@
"contain-intrinsic-height"
],
"order": "perGrammar",
"status": "experimental",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-size"
},
"contain-intrinsic-block-size": {
"syntax": "none | <length> | auto <length>",
"syntax": "auto? [ none | <length> ]",
"inherited": false,
"animationType": "byComputedValueType",
"percentages": "no",
Expand All @@ -4354,11 +4354,11 @@
"appliesto": "elementsForWhichSizeContainmentCanApply",
"computed": "asSpecifiedWithLengthValuesComputed",
"order": "perGrammar",
"status": "experimental",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-block-size"
},
"contain-intrinsic-height": {
"syntax": "none | <length> | auto <length>",
"syntax": "auto? [ none | <length> ]",
"inherited": false,
"animationType": "byComputedValueType",
"percentages": "no",
Expand All @@ -4369,11 +4369,11 @@
"appliesto": "elementsForWhichSizeContainmentCanApply",
"computed": "asSpecifiedWithLengthValuesComputed",
"order": "perGrammar",
"status": "experimental",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-height"
},
"contain-intrinsic-inline-size": {
"syntax": "none | <length> | auto <length>",
"syntax": "auto? [ none | <length> ]",
"inherited": false,
"animationType": "byComputedValueType",
"percentages": "no",
Expand All @@ -4384,11 +4384,11 @@
"appliesto": "elementsForWhichSizeContainmentCanApply",
"computed": "asSpecifiedWithLengthValuesComputed",
"order": "perGrammar",
"status": "experimental",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-inline-size"
},
"contain-intrinsic-width": {
"syntax": "none | <length> | auto <length>",
"syntax": "auto? [ none | <length> ]",
"media": "visual",
"inherited": false,
"animationType": "byComputedValueType",
Expand All @@ -4400,7 +4400,7 @@
"appliesto": "elementsForWhichSizeContainmentCanApply",
"computed": "asSpecifiedWithLengthValuesComputed",
"order": "perGrammar",
"status": "experimental",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/contain-intrinsic-width"
},
"container": {
Expand Down

0 comments on commit 59748c3

Please sign in to comment.