Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .github/workflows/pr-labeler.yml
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ jobs:
name: Label by path
runs-on: ubuntu-latest
steps:
- uses: actions/labeler@b8dd2d9be0f68b860e7dae5dae7d772984eacd6d # v6.2.0
- uses: actions/labeler@bf12e9b00b37c5c0ca2b87b79b2daf7891dbda13 # v7.0.0
with:
repo-token: "${{ secrets.GITHUB_TOKEN }}"
sync-labels: true
Expand Down
9 changes: 3 additions & 6 deletions files/en-us/web/css/reference/properties/flex/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,15 +102,15 @@ flex: unset;
The `flex` property may be specified using one, two, or three values.

- **One-value syntax:** the value must be one of:
- a valid value for {{cssxref("flex-grow")}}: then, in all the browsers, the shorthand expands to `flex: <flex-grow> 1 0%`. However the specification says it should expand to `flex: <flex-grow> 1 0`.
- a valid value for {{cssxref("flex-grow")}}: then the shorthand expands to `flex: <flex-grow> 1 0%`.
- a valid value for {{cssxref("flex-basis")}}: then the shorthand expands to `flex: 1 1 <flex-basis>`.
- the keyword `none` or one of the global keywords.

- **Two-value syntax:**
- The first value must be a valid value for {{cssxref("flex-grow")}}.

- The second value must be one of:
- a valid value for {{cssxref("flex-shrink")}}: then, in all the browsers, the shorthand expands to `flex: <flex-grow> <flex-shrink> 0%`.
- a valid value for {{cssxref("flex-shrink")}}: then the shorthand expands to `flex: <flex-grow> <flex-shrink> 0%`.
- a valid value for {{cssxref("flex-basis")}}: then the shorthand expands to `flex: <flex-grow> 1 <flex-basis>`.

- **Three-value syntax:** the values must be in the following order:
Expand All @@ -134,10 +134,7 @@ Commonly desired flexbox effects can be achieved using the following `flex` valu
- `initial`: Flex item doesn't grow but can shrink. This default value expands to `flex: 0 1 auto`. The item is sized according to its `width` or `height` properties, depending on the `flex-direction`. If there is negative available space, the item will shrink to its minimum size to fit within the container but will not grow to absorb any positive space available in the flex container.
- `auto`: Flex item can grow and shrink. This value expands to `flex: 1 1 auto`. The item is sized according to its `width` or `height` properties, depending on the `flex-direction`, but grows to absorb available positive space in the flex container or shrink down to its minimum size to fit the container in the case of negative space. The flex item is fully flexible.
- `none`: The flex item neither grows nor shrinks. This value expands to `flex: 0 0 auto`. The item is sized according to its `width` or `height` properties, depending on the direction of the flex container. The flex item is fully inflexible.
- `flex: <number [1,∞]>`: The flex item's main size will be proportional to the number set. This value expands to `flex: <number> 1 0`. This sets the `flex-basis` to zero and makes the flex item flexible. The item will be at least as wide or tall as its minimum size, with the container's positive available space being proportionally distributed based on the growth factors of this item and its sibling flex items. If all the flex items use this pattern, all will be sized in proportion to their numeric values.

> [!WARNING]
> The browsers use `flex-basis` value `0%` when the `flex-basis` is not specified in a `flex` value. This is not the same as `flex-basis` value `0` which is what the specification says. This may affect flex layout in some cases. See this effect demonstrated in the [Flex-basis `0` versus `0%`](/en-US/docs/Web/CSS/Reference/Properties/flex-basis#flex_basis_0_vs_0) example.
- `flex: <number [1,∞]>`: The flex item's main size will be proportional to the number set. This value expands to `flex: <number> 1 0%`. This sets the `flex-basis` to `0%` and makes the flex item flexible. The item will be at least as wide or tall as its minimum size, with the container's positive available space being proportionally distributed based on the growth factors of this item and its sibling flex items. If all the flex items use this pattern, all will be sized in proportion to their numeric values.

## Description

Expand Down
10 changes: 5 additions & 5 deletions files/en-us/web/css/reference/properties/writing-mode/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,17 +89,17 @@ This property is specified as one of the following keywords:
- : For `ltr` scripts, content flows vertically from top to bottom. For `rtl` scripts, content flows vertically from bottom to top. All the glyphs, even those in vertical scripts, are set sideways toward the right.
- `sideways-lr`
- : For `ltr` scripts, content flows vertically from bottom to top. For `rtl` scripts, content flows vertically from top to bottom. All the glyphs, even those in vertical scripts, are set sideways toward the left.
- `lr`
- `lr` {{Deprecated_Inline}}
- : Deprecated except for SVG1 documents. For CSS, use `horizontal-tb` instead.
- `lr-tb`
- `lr-tb` {{Deprecated_Inline}}
- : Deprecated except for SVG1 documents. For CSS, use `horizontal-tb` instead.
- `rl`
- `rl` {{Deprecated_Inline}}
- : Deprecated except for SVG1 documents. For CSS, use `horizontal-tb` instead.
- `tb`
- `tb` {{Deprecated_Inline}}
- : Deprecated except for SVG1 documents. For CSS, use `vertical-lr` instead.
- `tb-lr` {{Deprecated_Inline}}
- : Deprecated except for SVG1 documents. For CSS, use `vertical-lr` instead.
- `tb-rl`
- `tb-rl` {{Deprecated_Inline}}
- : Deprecated except for SVG1 documents. For CSS, use `vertical-rl` instead.

## Description
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,9 @@ The fixed point that the element rotates around — mentioned above — is also
origin**. This defaults to the center of the element, but you can set your own custom transform origin using
the {{ cssxref("transform-origin") }} property.

> [!NOTE]
> The SVG [`transform`](/en-US/docs/Web/SVG/Reference/Attribute/transform) attribute has its own grammar, in which `rotate()` accepts two optional extra values giving the center of rotation, as in `rotate(45, 50, 50)`. That form is only valid in the attribute, not in CSS: the CSS `rotate()` function takes an angle alone, and the center is set with {{cssxref("transform-origin")}}.

## Syntax

```css
Expand Down
149 changes: 100 additions & 49 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -71,13 +71,13 @@
"imagemin-svgo": "^12.0.0",
"is-svg": "^6.1.0",
"lefthook": "^2.1.10",
"markdownlint-cli2": "0.23.1",
"markdownlint-cli2": "0.23.2",
"markdownlint-rule-search-replace": "1.2.0",
"node-html-parser": "^9.0.0",
"parse-diff": "^0.12.0",
"prettier": "3.9.5",
"prettier": "3.9.6",
"tempy": "^3.2.0",
"yaml": "^2.9.0",
"yargs": "^18.0.0"
"yargs": "^18.1.0"
}
}