diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index 78e6143934ce9e1..874df29ace2307a 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/files/en-us/mozilla/firefox/experimental_features/index.md @@ -370,7 +370,21 @@ The CSS `text-decoration-trim` property allows you to specify {{cssxref("text-de ## JavaScript -**No experimental features in this release cycle.** +### CSS module scripts + +CSS module scripts are now supported, allowing a stylesheet to be loaded into a script as a {{domxref("CSSStyleSheet")}} instance using the [`import`](/en-US/docs/Web/JavaScript/Reference/Statements/import) statement. +The `import` statement must also specify the `type` [import attribute](/en-US/docs/Web/JavaScript/Reference/Statements/import/with) and set it to `"css"`, and the stylesheet must be served with the [media type](/en-US/docs/Web/HTTP/Guides/MIME_types) of `text/css`. +([Firefox bug 1720570](https://bugzil.la/1720570)). + +| Release channel | Version added | Enabled by default? | +| ----------------- | ------------- | ------------------- | +| Nightly | 145 | No | +| Developer Edition | No | No | +| Beta | No | No | +| Release | No | No | + +- `layout.css.module-scripts.enabled` + - : Set to `true` to enable. ## APIs diff --git a/files/en-us/mozilla/firefox/releases/145/index.md b/files/en-us/mozilla/firefox/releases/145/index.md index bf8714450c220c7..a395dcfae112634 100644 --- a/files/en-us/mozilla/firefox/releases/145/index.md +++ b/files/en-us/mozilla/firefox/releases/145/index.md @@ -113,6 +113,10 @@ You can find more such features on the [Experimental features](/en-US/docs/Mozil The anchor-positioned elements can then have their size and position set relative to the size and location of the anchor elements to which they are bound. (General: [Firefox bug 1988224](https://bugzil.la/1988224), `position-area`: [Firefox bug 1924086](https://bugzil.la/1924086)). +- **CSS module scripts:** (Nightly) and `layout.css.module-scripts.enabled`. + + CSS module scripts are now supported, allowing a stylesheet to be loaded into a script as a {{domxref("CSSStyleSheet")}} instance using the [`import`](/en-US/docs/Web/JavaScript/Reference/Statements/import) keyword and the [`type` import attribute](/en-US/docs/Web/JavaScript/Reference/Statements/import/with) set to `type="css"`. ([Firefox bug 1720570](https://bugzil.la/1720570)). + - **text-decoration-trim**: `layout.css.text-decoration-trim.enabled` The CSS `text-decoration-trim` property is supported but currently disabled by default.