Skip to content

[css-contain-3] Support boolean context style() queries #8127 #8729

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 19, 2023
Merged

[css-contain-3] Support boolean context style() queries #8127 #8729

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
6 changes: 6 additions & 0 deletions css-contain-3/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -602,6 +602,7 @@ Container Queries: the ''@container'' rule</h3>
<dfn><<style-in-parens>></dfn> = ( <<style-query>> )
| ( <<style-feature>> )
| <<general-enclosed>>
<dfn><<style-feature>></dfn> = <<ident>> : <<declaration-value>> | <<ident>>
</pre>

The keywords ''container-name/none'', ''and'', ''not'', and ''or''
Expand Down Expand Up @@ -910,6 +911,11 @@ Style Container Features</h3>
(which is also [=computed value|computed=] with respect to the [=query container=]),
unknown if the property or its value is invalid or unsupported,
and false otherwise.

A [=style feature=] can also be a property name without a value. Such
features evaluate to true if the [=computed value=] is different from the [=initial=]
value for the given [=property=].

The boolean syntax and logic combining [=style features=] into a [=container style query|style query=]
is the same as for [=CSS feature queries=].
(See ''@supports''. [[!CSS-CONDITIONAL-3]])
Expand Down