[pull] main from mdn:main

.github/workflows/pr-review-companion.yml

@@ -59,38 +59,53 @@ jobs:
       STATUS_CONTEXT: pr-review-companion
       STATUS_TARGET: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
     steps:
-      - name: Download artifact
-        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
-        with:
-          pattern: build
-          path: build
-          merge-multiple: true
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          run-id: ${{ github.event.workflow_run.id }}
+      - parallel:
+          - name: Download artifact
+            uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
+            with:
+              pattern: build
+              path: build
+              merge-multiple: true
+              github-token: ${{ secrets.GITHUB_TOKEN }}
+              run-id: ${{ github.event.workflow_run.id }}
+
+          - name: Checkout (mdn/content)
+            uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
+            with:
+              path: content
+              persist-credentials: false
 
       - name: Check for artifacts
         id: check
         if: hashFiles('build/') != ''
         run: echo "HAS_ARTIFACT=true" >> "$GITHUB_OUTPUT"
 
-      - name: Mark status as pending
-        if: steps.check.outputs.HAS_ARTIFACT
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          gh api "$STATUS_PATH" \
-            -f state=pending \
-            -f context="$STATUS_CONTEXT" \
-            -f description='Review deployment pending' \
-            -f target_url="$STATUS_TARGET"
-
-      - name: Authenticate with GCP
-        if: steps.check.outputs.HAS_ARTIFACT
-        uses: google-github-actions/auth@7c6bc770dae815cd3e89ee6cdf493a5fab2cc093 # v3.0.0
-        with:
-          token_format: access_token
-          service_account: deploy-mdn-review-content@${{ secrets.GCP_PROJECT_NAME }}.iam.gserviceaccount.com
-          workload_identity_provider: projects/${{ secrets.WIP_PROJECT_ID }}/locations/global/workloadIdentityPools/github-actions/providers/github-actions
+      - parallel:
+          - name: Mark status as pending
+            if: steps.check.outputs.HAS_ARTIFACT
+            env:
+              GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+            run: |
+              gh api "$STATUS_PATH" \
+                -f state=pending \
+                -f context="$STATUS_CONTEXT" \
+                -f description='Review deployment pending' \
+                -f target_url="$STATUS_TARGET"
+
+          - name: Authenticate with GCP
+            if: steps.check.outputs.HAS_ARTIFACT
+            uses: google-github-actions/auth@7c6bc770dae815cd3e89ee6cdf493a5fab2cc093 # v3.0.0
+            with:
+              token_format: access_token
+              service_account: deploy-mdn-review-content@${{ secrets.GCP_PROJECT_NAME }}.iam.gserviceaccount.com
+              workload_identity_provider: projects/${{ secrets.WIP_PROJECT_ID }}/locations/global/workloadIdentityPools/github-actions/providers/github-actions
+
+          - name: Setup (mdn/content)
+            uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
+            if: steps.check.outputs.HAS_ARTIFACT
+            with:
+              node-version-file: "content/.nvmrc"
+              package-manager-cache: false
 
       - name: Setup gcloud
         if: steps.check.outputs.HAS_ARTIFACT
@@ -109,20 +124,6 @@ jobs:
           concurrency: 500
           process_gcloudignore: false
 
-      - name: Checkout (mdn/content)
-        uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
-        if: steps.check.outputs.HAS_ARTIFACT
-        with:
-          path: content
-          persist-credentials: false
-
-      - name: Setup (mdn/content)
-        uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
-        if: steps.check.outputs.HAS_ARTIFACT
-        with:
-          node-version-file: "content/.nvmrc"
-          package-manager-cache: false
-
       - name: Install (mdn/content)
         if: steps.check.outputs.HAS_ARTIFACT
         env:

.npmrc

@@ -1,3 +1,4 @@
 audit=false
 engine-strict=true
 ignore-scripts=false
+strict-allow-scripts=true

.nvmrc

@@ -1 +1 @@
-v24.14.0
+v24.20.0

files/en-us/web/css/reference/properties/-moz-float-edge/index.md

@@ -24,11 +24,15 @@ The non-standard **`-moz-float-edge`** [CSS](/en-US/docs/Web/CSS) property speci
 /* Global values */
 -moz-float-edge: inherit;
 -moz-float-edge: initial;
+-moz-float-edge: revert;
+-moz-float-edge: revert-layer;
 -moz-float-edge: unset;
 ```
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `content-box`
   - : The height and width properties include the content, but not the padding, border or margin.
 - `margin-box`

files/en-us/web/css/reference/properties/-moz-force-broken-image-icon/index.md

@@ -30,6 +30,8 @@ The **`-moz-force-broken-image-icon`** extended CSS property can be used to forc
 
 ### Values
 
+This property is specified as the following value:
+
 - {{cssxref("<integer>")}}
   - : A value of `1` means that the broken image icon is shown even if the image has an [`alt`](/en-US/docs/Web/HTML/Reference/Elements/img#alt) attribute. When the value `0` is used, the image will act as usual and only display the `alt` attribute.
 

files/en-us/web/css/reference/properties/-moz-orient/index.md

@@ -28,6 +28,8 @@ The **`-moz-orient`** [CSS](/en-US/docs/Web/CSS) property specifies the orientat
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `inline`
   - : The element is rendered in the same direction as the axis of the text: horizontally for horizontal writing modes, vertically for vertical writing modes.
 - `block`

files/en-us/web/css/reference/properties/-moz-user-focus/index.md

@@ -33,6 +33,8 @@ The default is `none`, which disables focussing on the element and removes focus
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `ignore`
   - : The element does not accept keyboard focus and will be skipped in the tab order.
 - `normal`

files/en-us/web/css/reference/properties/-moz-user-input/index.md

@@ -33,6 +33,8 @@ The `user-input` property is currently not on a standards track.
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `auto`
   - : The element will respond to user input if it normally takes user input, such as a {{HTMLElement("textarea")}}.
 - `none`

files/en-us/web/css/reference/properties/-webkit-box-reflect/index.md

@@ -38,6 +38,8 @@ The **`-webkit-box-reflect`** [CSS](/en-US/docs/Web/CSS) property lets you refle
 
 ### Values
 
+This property is specified as a space-separated list of the following values:
+
 - `above`_,_ `below`_,_ `right`_,_ `left`
   - : Are keywords indicating in which direction the reflection is to happen.
 - {{CSSxRef("<length>")}}

files/en-us/web/css/reference/properties/-webkit-mask-composite/index.md

@@ -42,6 +42,8 @@ The **`-webkit-mask-composite`** property specifies the manner in which multiple
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `clear`
   - : Overlapping pixels in the source mask image and the destination mask image are cleared.
 - `copy`

files/en-us/web/css/reference/properties/-webkit-mask-position-x/index.md

@@ -45,6 +45,8 @@ The `-webkit-mask-position-x` CSS property sets the initial horizontal position
 
 ### Values
 
+This property is specified as one or more comma-separated values:
+
 - `<length-percentage>`
   - : A length indicating the position of the left edge of the image relative to the box's left padding edge. Percentages are calculated against the horizontal dimension of the box padding area. That means, a value of `0%` means the left edge of the image is aligned with the box's left padding edge and a value of `100%` means the right edge of the image is aligned with the box's right padding edge.
 - `left`

files/en-us/web/css/reference/properties/-webkit-mask-position-y/index.md

@@ -45,6 +45,8 @@ The `-webkit-mask-position-y` CSS property sets the initial vertical position of
 
 ### Values
 
+This property is specified as one or more comma-separated values:
+
 - `<length-percentage>`
   - : A length indicating the position of the top side of the image relative to the box's top padding edge. Percentages are calculated against the vertical dimension of the box padding area. A value of `0%` means the top edge of the image is aligned with the box's top padding edge and a value of `100%` means the bottom edge of the image is aligned with the box's bottom padding edge.
 - `top`

files/en-us/web/css/reference/properties/-webkit-mask-repeat-x/index.md

@@ -35,15 +35,15 @@ The `-webkit-mask-repeat-x` property specifies whether and how a mask image is r
 
 ### Values
 
-- repeat
-  - : The mask image is repeated both horizontally and vertically.
-- no-repeat
-  - : The mask image is not repeated; only one copy of the mask image is drawn. The remainder of the masked element's content is not displayed.
-- repeat
+This property is specified as one or more comma-separated values:
+
+- `repeat`
   - : The mask image is repeated both horizontally and vertically.
-- space
+- `no-repeat`
+  - : The mask image is not repeated horizontally; only one copy of the mask image is drawn in that direction. The remainder of the masked element's content is not displayed.
+- `space`
   - : The image is repeated as much as possible without clipping. The first and last images are pinned to either side of the element, and whitespace is distributed evenly between the images. The {{cssxref("mask-position")}} property is ignored unless only one image can be displayed without clipping. The only case where clipping happens using space is when there isn't enough room to display one image.
-- round
+- `round`
   - : As the allowed space increases in size, the repeated images will stretch (leaving no gaps) until there is room for another one to be added. When the next image is added, all of the current ones compress to allow room. Example: An image with an original width of 260px, repeated three times, might stretch until each repetition is 300px wide, and then another image will be added. They will then compress to 225px.
 
 ## Formal definition

files/en-us/web/css/reference/properties/-webkit-mask-repeat-y/index.md

@@ -35,15 +35,15 @@ The `-webkit-mask-repeat-y` property sets whether and how a mask image is repeat
 
 ### Values
 
-- repeat
-  - : The mask image is repeated vertically.
-- no-repeat
-  - : The mask image is not repeated vertically; only one copy of the mask image is drawn in vertical direction. The vertical remainder of the masked element's content is not displayed.
-- repeat
+This property is specified as one or more comma-separated values:
+
+- `repeat`
   - : The mask image is repeated vertically.
-- space
+- `no-repeat`
+  - : The mask image is not repeated vertically; only one copy of the mask image is drawn in that direction. The vertical remainder of the masked element's content is not displayed.
+- `space`
   - : The image is repeated as much as possible without clipping. The first and last images are pinned to the top and bottom edge of the element, and whitespace is distributed evenly between the images. The {{cssxref("mask-position")}} property is ignored unless only one image can be displayed without clipping. The only case where clipping happens using space is when there isn't enough room to display one image.
-- round
+- `round`
   - : As the allowed vertical space increases in size, the repeated images will stretch (leaving no gaps) until there is room for another one to be added. When the next image is added, all of the current ones compress to allow room. Example: An image with an original height of 260px, repeated three times, might stretch until each repetition is 300px high, and then another image will be added. They will then compress to a height of 225px.
 
 ## Formal definition

files/en-us/web/css/reference/properties/-webkit-text-stroke-width/index.md

@@ -33,6 +33,8 @@ The **`-webkit-text-stroke-width`** [CSS](/en-US/docs/Web/CSS) property specifie
 
 ### Values
 
+This property is specified as the following value:
+
 - `<line-width>`
   - : The width of the stroke.
 

files/en-us/web/css/reference/properties/-webkit-text-stroke/index.md

@@ -32,6 +32,8 @@ This property is a shorthand for the following CSS properties:
 
 ### Values
 
+This property is specified as two space-separated values:
+
 - {{cssxref("<length>")}}
   - : The width of the stroke.
 - {{cssxref("<color>")}}

files/en-us/web/css/reference/properties/-webkit-touch-callout/index.md

@@ -32,6 +32,8 @@ When a target is touched and held on iOS, Safari displays a callout information
 
 ### Values
 
+This property is specified as one of the following keyword values:
+
 - `default`
   - : The default callout is displayed.
 - `none`

files/en-us/web/css/reference/properties/animation-duration/index.md

@@ -108,6 +108,8 @@ animation-duration: unset;
 
 ### Values
 
+This property is specified as a comma-separated list of the following values:
+
 - `auto`
   - : For time-based animations, `auto` is equivalent to a value of `0s` (see below). For [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations), `auto` fills the entire timeline with the animation.
 

files/en-us/web/css/reference/properties/animation-name/index.md

@@ -102,6 +102,8 @@ animation-name: unset;
 
 ### Values
 
+This property is specified as one or more comma-separated values:
+
 - `none`
   - : A special keyword denoting no keyframes. It can be used to deactivate an animation without changing the ordering of the other identifiers, or to deactivate animations coming from the cascade.
 - {{cssxref("<custom-ident>")}}

files/en-us/web/css/reference/properties/animation-range-end/index.md

@@ -23,6 +23,11 @@ animation-range-end: contain;
 animation-range-end: cover 80%;
 animation-range-end: contain 700px;
 
+/* Multiple values */
+animation-range-end:
+  cover 80%,
+  contain 700px;
+
 /* Global values */
 animation-range-end: inherit;
 animation-range-end: initial;
@@ -33,6 +38,8 @@ animation-range-end: unset;
 
 ### Values
 
+This property is specified as a comma-separated list of values. Each value can be one of the following:
+
 - `normal`
   - : Represents the end of the timeline. This is the default value.
 - {{cssxref("length-percentage")}}
@@ -48,6 +55,8 @@ The `animation-range-end` property specifies the end of the animation's attachme
 
 The property value can be `normal`, a `<length-percentage>`, or a {{cssxref("timeline-range-name")}} with an optional `<length-percentage>`. If the `<timeline-range-name>` value does not include a `<length-percentage>`, the percentage defaults to `100%`.
 
+When specifying multiple comma-separated values, they apply to the animations in the order in which the {{cssxref("animation-name")}} values appear. See [Setting multiple animation property values](/en-US/docs/Web/CSS/Guides/Animations/Using#setting_multiple_animation_property_values).
+
 The `animation-range-end` property is included in the {{cssxref("animation")}} shorthand as a reset-only value. This means that using the `animation` shorthand resets any previously declared `animation-range-end` value to `normal`; the shorthand cannot be used to set a new `animation-range-end` value. When creating [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations), you should declare `animation-range-end` _after_ declaring any `animation` shorthand to avoid resetting the value to `normal`.
 
 The `animation-range-end` property, along with the {{cssxref("animation-range-start")}} property, can also be set by using the {{cssxref("animation-range")}} shorthand.

files/en-us/web/css/reference/properties/animation-range-start/index.md

@@ -23,6 +23,11 @@ animation-range-start: contain;
 animation-range-start: cover 20%;
 animation-range-start: contain 100px;
 
+/* Multiple values */
+animation-range-start:
+  cover 20%,
+  contain 100px;
+
 /* Global values */
 animation-range-start: inherit;
 animation-range-start: initial;
@@ -33,6 +38,8 @@ animation-range-start: unset;
 
 ### Values
 
+This property is specified as a comma-separated list of values. Each value can be one of the following:
+
 - `normal`
   - : Represents the start of the timeline. This is the default value.
 - {{cssxref("length-percentage")}}
@@ -45,8 +52,10 @@ animation-range-start: unset;
 ## Description
 
 Allowed values for the `animation-range-start` property are `normal`, a {{cssxref("length-percentage")}}, a `<timeline-range-name>`, or a `<timeline-range-name>` followed by a `<length-percentage>`. If the {{cssxref("timeline-range-name")}} value does not include a `<length-percentage>`, the percentage defaults to `0%`.
+
 See {{cssxref("animation-range")}} for a detailed description of the available values.
-Also check out the [View progress timeline visualizer](https://scroll-driven-animations.style/tools/view-timeline/ranges/), which shows what the different values mean in an easy-to-follow visual format.
+
+When specifying multiple comma-separated values, they apply to the animations in the order in which the {{cssxref("animation-name")}} values appear. See [Setting multiple animation property values](/en-US/docs/Web/CSS/Guides/Animations/Using#setting_multiple_animation_property_values).
 
 The `animation-range-start` is included in the {{cssxref("animation")}} shorthand as a reset-only value. This means that using the `animation` shorthand resets any previously declared `animation-range-start` value of equal or lower specificity to `normal`; the shorthand cannot be used to set a new `animation-range-start` value. When creating [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations), you should declare `animation-range-start` _after_ declaring any `animation` shorthand to avoid resetting the value to `normal`.