diff --git a/files/en-us/web/css/reference/at-rules/@media/-webkit-transition/index.md b/files/en-us/web/css/reference/at-rules/@media/-webkit-transition/index.md index 1383d5a7a4b6aca..ec24a395df83043 100644 --- a/files/en-us/web/css/reference/at-rules/@media/-webkit-transition/index.md +++ b/files/en-us/web/css/reference/at-rules/@media/-webkit-transition/index.md @@ -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). diff --git a/files/en-us/web/css/reference/selectors/_colon_where/index.md b/files/en-us/web/css/reference/selectors/_colon_where/index.md index 7d27385b5cb5da8..492c58d68342c44 100644 --- a/files/en-us/web/css/reference/selectors/_colon_where/index.md +++ b/files/en-us/web/css/reference/selectors/_colon_where/index.md @@ -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. @@ -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. diff --git a/files/en-us/web/css/reference/values/color_value/hwb/index.md b/files/en-us/web/css/reference/values/color_value/hwb/index.md index ce5026109a9f242..e784e2e5623ff32 100644 --- a/files/en-us/web/css/reference/values/color_value/hwb/index.md +++ b/files/en-us/web/css/reference/values/color_value/hwb/index.md @@ -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)) diff --git a/scripts/front-matter_linter.js b/scripts/front-matter_linter.js index 288d93d9c5f4e3e..d8672df5a897c8f 100644 --- a/scripts/front-matter_linter.js +++ b/scripts/front-matter_linter.js @@ -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"; @@ -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() @@ -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); @@ -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); @@ -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.");