Skip to content

Commit fa3c5c2

Browse files
dletoreydipikabh
andauthored
added release notes for @container style() queries (#43473)
* added release notes for @container style() queries * Update files/en-us/mozilla/firefox/experimental_features/index.md Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org> * Update files/en-us/mozilla/firefox/releases/149/index.md Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org> * maded changes to reflect experimental page --------- Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
1 parent a65ca64 commit fa3c5c2

File tree

2 files changed

+18
-0
lines changed

2 files changed

+18
-0
lines changed

files/en-us/mozilla/firefox/experimental_features/index.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -375,6 +375,20 @@ The media-based pseudo-classes {{cssxref(":buffering")}}, {{cssxref(":muted")}},
375375
- `dom.media.pseudo-classes.enabled`
376376
- : Set to `true` to enable.
377377

378+
### `@container style()` queries
379+
380+
The [`@container`](/en-US/docs/Web/CSS/Reference/At-rules/@container) CSS at-rule supports [`style()`](/en-US/docs/Web/CSS/Guides/Containment/Container_size_and_style_queries#container_style_queries) queries. This allows you to check if a container has a valid CSS declaration, a CSS property, or a custom property, and apply styles to its children accordingly. ([Firefox bug 2014404](https://bugzil.la/2014404)).
381+
382+
| Release channel | Version added | Enabled by default? |
383+
| ----------------- | ------------- | ------------------- |
384+
| Nightly | 149 | Yes |
385+
| Developer Edition | 149 | No |
386+
| Beta | 149 | No |
387+
| Release | 149 | No |
388+
389+
- `layout.css.style-queries.enabled`
390+
- : Set to `true` to enable.
391+
378392
## SVG
379393

380394
**No experimental features in this release cycle.**

files/en-us/mozilla/firefox/releases/149/index.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -143,3 +143,7 @@ You can find more such features on the [Experimental features](/en-US/docs/Mozil
143143
- **`alpha` & `colorspace` attributes in `color` input elements** (Nightly only): `dom.forms.html_color_picker.enabled`
144144

145145
The HTML [`<input type="color">`](/en-US/docs/Web/HTML/Reference/Elements/input/color) element supports [`alpha`](/en-US/docs/Web/HTML/Reference/Elements/input/color#alpha) & [`colorspace`](/en-US/docs/Web/HTML/Reference/Elements/input/color#colorspace) attributes. ([Firefox bug 1919718](https://bugzil.la/1919718)).
146+
147+
- **`@container style()` queries** (Nightly): `layout.css.style-queries.enabled`
148+
149+
The [`@container`](/en-US/docs/Web/CSS/Reference/At-rules/@container) CSS at-rule supports [`style()`](/en-US/docs/Web/CSS/Guides/Containment/Container_size_and_style_queries#container_style_queries) queries. This allows you to check if a container has a valid CSS declaration, a CSS property, or a custom property, and apply styles to its children accordingly. ([Firefox bug 2014404](https://bugzil.la/2014404)).

0 commit comments

Comments
 (0)