Skip to content

Commit 2ef2884

Browse files
committed
[css-conditional-5] Renamed @supports-query to @supports-condition
1 parent dd1c32c commit 2ef2884

File tree

2 files changed

+17
-17
lines changed

2 files changed

+17
-17
lines changed

css-cascade-5/Overview.bs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ Importing Style Sheets: the ''@import'' rule</h2>
129129
as if they were written literally into the stylesheet at the point of the ''@import''.
130130

131131
Any ''@import'' rules must precede all other valid at-rules and style rules in a style sheet
132-
(ignoring ''@charset'', ''@supports-query'', and <a href="#layer-empty"><css>@layer</css> statement</a> rules)
132+
(ignoring ''@charset'', ''@supports-condition'', and <a href="#layer-empty"><css>@layer</css> statement</a> rules)
133133
and must not have any other valid at-rules or style rules between it and previous ''@import'' rules,
134134
or else the ''@import'' rule is invalid.
135135
The syntax of ''@import'' is:

css-conditional-5/Overview.bs

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ Extensions to the ''@supports'' rule</h2>
117117
<pre class="prod def" nohighlight>
118118
<dfn>&lt;supports-feature></dfn> = <<supports-selector-fn>> | <<supports-font-tech-fn>>
119119
| <<supports-font-format-fn>> | <<supports-decl>>
120-
<dfn>&lt;supports-decl></dfn> = ( [ <<declaration>> | <<supports-query-name>> ] )
120+
<dfn>&lt;supports-decl></dfn> = ( [ <<declaration>> | <<supports-condition-name>> ] )
121121
<dfn>&lt;supports-font-tech-fn></dfn> = font-tech( <<font-tech>> )
122122
<dfn>&lt;supports-font-format-fn></dfn> = font-format( <<font-format>> )
123123
</pre>
@@ -128,10 +128,10 @@ Extensions to the ''@supports'' rule</h2>
128128
js/CSS-supports-L5.html
129129
</wpt>
130130

131-
: <<supports-query-name>>
131+
: <<supports-condition-name>>
132132
::
133133
The result is true if the UA
134-
<a href="#dfn-supports-query-name">supports the named query</a>.
134+
<a href="#dfn-supports-condition-name">supports the named query</a>.
135135
If the name is not recognized,
136136
the result is false.
137137

@@ -151,7 +151,7 @@ Extensions to the ''@supports'' rule</h2>
151151
Extensions to the definition of support</h3>
152152

153153
A CSS processor is considered to
154-
<dfn export for=CSS id="dfn-supports-query-name">support a named query</dfn>
154+
<dfn export for=CSS id="dfn-supports-condition-name">support a named query</dfn>
155155
when the related [=named supports query=] returns true.
156156

157157
A CSS processor is considered to
@@ -1729,28 +1729,28 @@ Container Relative Lengths: the ''cqw'', ''cqh'', ''cqi'', ''cqb'', ''cqmin'', '
17291729
</div>
17301730

17311731

1732-
<h2 id="supports-query-rule">
1733-
Defining Custom Support Queries: the ''@supports-query'' rule</h2>
1732+
<h2 id="supports-condition-rule">
1733+
Defining Custom Support Queries: the ''@supports-condition'' rule</h2>
17341734

1735-
The <dfn at-rule id="at-ruledef-supports-query">@supports-query</dfn> [=at-rule=] is a [=conditional group rule=] that allows authors to define and name a [=supports query=] for later reuse,
1735+
The <dfn at-rule id="at-ruledef-supports-condition">@supports-condition</dfn> [=at-rule=] is a [=conditional group rule=] that allows authors to define and name a [=supports query=] for later reuse,
17361736
creating a <dfn export>named supports query</dfn>.
17371737
This enables complex or frequently-used feature queries to be referenced by name,
17381738
improving maintainability and readability.
17391739

17401740
<pre class="prod def">
1741-
@supports-query <<supports-query-name>> {
1741+
@supports-condition <<supports-condition-name>> {
17421742
<<block-contents>>
17431743
}
17441744
</pre>
17451745

1746-
Where <dfn><<supports-query-name>></dfn> is an <<extension-name>> that defines the name of the supports query.
1746+
Where <dfn><<supports-condition-name>></dfn> is an <<extension-name>> that defines the name of the supports query.
17471747

17481748
Anything inside the block is evaluated to test whether the user agent supports the features used.
17491749
The contents do not have any effect on the document's rendering.
17501750

17511751
Once defined, the named supports query can be used in subsequent ''@supports'' or ''@when'' conditions.
17521752

1753-
Multiple ''@supports-query'' rules with the same name in a style sheet are invalid and must be ignored.
1753+
Multiple ''@supports-condition'' rules with the same name in a style sheet are invalid and must be ignored.
17541754

17551755
<div class="example">
17561756
For example, we can define a supports query checking multiple properties at once:
@@ -1771,7 +1771,7 @@ improving maintainability and readability.
17711771
</pre>
17721772
</div>
17731773

1774-
''@supports-query'' rules are allowed before ''@import'' and ''@namespace'' rules (after the ''@charset'' rule, if any).
1774+
''@supports-condition'' rules are allowed before ''@import'' and ''@namespace'' rules (after the ''@charset'' rule, if any).
17751775

17761776
<div class="example">
17771777
As support queries can contain arbitrary declarations,
@@ -1799,7 +1799,7 @@ improving maintainability and readability.
17991799
</div>
18001800

18011801
Issue: The name of the at-rule is under discussion.
1802-
Alternatives include ''@supports-condition'', ''@supports-test'', and ''@custom-supports''.
1802+
Alternatives include ''@supports-query'', ''@supports-test'', and ''@custom-supports''.
18031803
The name should be consistent with the one chosen for custom media queries.
18041804

18051805
<h2 id="apis">APIs</h2>
@@ -1864,14 +1864,14 @@ The <code>CSSContainerRule</code> interface</h3>
18641864
When measuring layout sizes, it behaves Similar to <code>resizeObserver</code>,
18651865
but it provides the additional Container Query syntax and features.
18661866

1867-
<h3 id="the-csssupportsquery-interface">
1868-
The <code>CSSSupportsQueryRule</code> interface</h3>
1867+
<h3 id="the-csssupportscondition-interface">
1868+
The <code>CSSSupportsConditionRule</code> interface</h3>
18691869

1870-
The {{CSSSupportsQueryRule}} interface represents an ''@supports-query'' rule.
1870+
The {{CSSSupportsConditionRule}} interface represents an ''@supports-condition'' rule.
18711871

18721872
<pre class='idl'>
18731873
[Exposed=Window]
1874-
interface CSSSupportsQueryRule : CSSGroupingRule {
1874+
interface CSSSupportsConditionRule : CSSGroupingRule {
18751875
readonly attribute CSSOMString name;
18761876
};
18771877
</pre>

0 commit comments

Comments
 (0)