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
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ sidebar: cssref
{{deprecated_header}} {{ Non-standard_header }}

> [!NOTE]
> All browsers support the [`transition`](/en-US/docs/Web/CSS/Reference/Properties/animation#browser_compatibility) property without vendor prefixes. Only WebKit (Safari), and not Chromium, based browsers support the `-webkit-transition` media feature. No browsers support `transition` without the prefix as a media query (though some browsers do support - {{cssxref("@media/-webkit-transform-3d", "-webkit-transform-3d")}}). Use the [`@supports (transition)`](/en-US/docs/Web/CSS/Reference/At-rules/@supports) feature query instead.
> All browsers support the [`transition`](/en-US/docs/Web/CSS/Reference/Properties/transition#browser_compatibility) property without vendor prefixes. Only WebKit (Safari), and not Chromium, based browsers support the `-webkit-transition` media feature. No browsers support `transition` without the prefix as a media query (though some browsers do support - {{cssxref("@media/-webkit-transform-3d", "-webkit-transform-3d")}}). Use the [`@supports (transition)`](/en-US/docs/Web/CSS/Reference/At-rules/@supports) feature query instead.

The **`-webkit-transition`** Boolean non-standard [CSS](/en-US/docs/Web/CSS) [media feature](/en-US/docs/Web/CSS/Reference/At-rules/@media#media_features) is a [WebKit extension](/en-US/docs/Web/CSS/Reference/Webkit_extensions) whose value is `true` if the browsing context supports [CSS transitions](/en-US/docs/Web/CSS/Guides/Transitions).

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ The `:where()` pseudo-class requires a [selector list](/en-US/docs/Web/CSS/Guide

### Forgiving Selector Parsing

The specification defines `:is()` and `:where()` as accepting a [forgiving selector list](https://drafts.csswg.org/selectors-4/#typedef-forgiving-selector-list).
The specification defines `:is()` and `:where()` as accepting a [forgiving selector list](/en-US/docs/Web/CSS/Reference/Selectors/Selector_list#forgiving_selector_list).

In CSS when using a selector list, if any of the selectors are invalid then the whole list is deemed invalid. When using `:is()` or `:where()` instead of the whole list of selectors being deemed invalid if one fails to parse, the incorrect or unsupported selector will be ignored and the others used.

Expand Down Expand Up @@ -197,3 +197,4 @@ However, selectors inside `:where()` have specificity 0, so the orange footer li
- {{cssxref(":is()")}}
- [Selector list](/en-US/docs/Web/CSS/Reference/Selectors/Selector_list)
- [Web components](/en-US/docs/Web/API/Web_components)
- [Forgiving selector list](https://drafts.csswg.org/selectors-4/#typedef-forgiving-selector-list) via csswg.org.
Original file line number Diff line number Diff line change
Expand Up @@ -179,7 +179,7 @@ hwb(from hsl(0 100% 50% / 0.8) h w b / 0.5)
/* Computed output color: color(srgb 1 0 0 / 0.5) */
```

In the following example, the `hsl()` origin color is again converted into an `hwb()` representation — `hwb(0 0% 0%)`. {{cssxref("calc")}} calculations are applied to the `H`, `W`, `B`, and `A` values, and the final output color is the equivalent of `hwb(120 25% 10% / 0.9` in the sRGB color space: `color(srgb 0.25 0.9 0.25 / 0.9)`.
In the following example, the `hsl()` origin color is again converted into an `hwb()` representation — `hwb(0 0% 0%)`. {{cssxref("calc")}} calculations are applied to the `H`, `W`, `B`, and `A` values, and the final output color is the equivalent of `hwb(120 25% 10% / 0.9)` in the sRGB color space: `color(srgb 0.25 0.9 0.25 / 0.9)`.

```css
hwb(from hsl(0 100% 50%) calc(h + 120) calc(w + 25) calc(b + 10) / calc(alpha - 0.1))
Expand Down
16 changes: 8 additions & 8 deletions scripts/front-matter_linter.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import fs from "node:fs/promises";
import os from "node:os";
import path from "node:path";
import { lstat, readFile, writeFile } from "node:fs/promises";
import { cpus } from "node:os";
import { resolve } from "node:path";

import { eachLimit } from "async";
import cliProgress from "cli-progress";
Expand All @@ -12,7 +12,7 @@ import { fdir } from "fdir";
import { getAjvValidator, checkFrontMatter } from "./front-matter_utils.js";

async function resolveDirectory(file) {
const stats = await fs.lstat(file);
const stats = await lstat(file);
if (stats.isDirectory()) {
const api = new fdir()
.withErrors()
Expand Down Expand Up @@ -41,7 +41,7 @@ async function lintFrontMatter(filesAndDirectories, options) {
await Promise.all(filesAndDirectories.map(resolveDirectory))
).flat();

options.config = JSON.parse(await fs.readFile(options.configFile, "utf-8"));
options.config = JSON.parse(await readFile(options.configFile, "utf-8"));

options.validator = getAjvValidator(options.config.schema);

Expand All @@ -50,14 +50,14 @@ async function lintFrontMatter(filesAndDirectories, options) {

const errors = [];
const fixableErrors = [];
await eachLimit(files, os.cpus().length, async (file) => {
await eachLimit(files, cpus().length, async (file) => {
try {
const [error, fixableError, content] = await checkFrontMatter(
file,
options,
);
if (content) {
fs.writeFile(file, content);
await writeFile(file, content);
}
error && errors.push(error);
fixableError && fixableErrors.push(fixableError);
Expand Down Expand Up @@ -105,7 +105,7 @@ yargs(hideBin(process.argv))
},
async (argv) => {
const cwd = process.cwd();
const files = (argv.files || []).map((f) => path.resolve(cwd, f));
const files = (argv.files || []).map((f) => resolve(cwd, f));

if (!files.length) {
console.info("No files to lint.");
Expand Down