Skip to content

Commit

Permalink
[css-contain-3] Update syntax for size-queries #6870 & allow general-…
Browse files Browse the repository at this point in the history
…enclosed #6396
  • Loading branch information
mirisuzanne committed Feb 17, 2022
1 parent 488de97 commit d8501fc
Showing 1 changed file with 4 additions and 8 deletions.
12 changes: 4 additions & 8 deletions css-contain-3/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -339,7 +339,7 @@ Container Queries</h2>
width: 100px;
container-type: inline-size;
}
@container size(inline-size < 150px) {
@container (inline-size < 150px) {
#inner::before {
content: "BEFORE";
}
Expand All @@ -363,7 +363,7 @@ Container Queries</h2>
width: 100px;
container-type: inline-size;
}
@container size(inline-size < 150px) {
@container (inline-size < 150px) {
::slotted(span) {
color: green;
}
Expand Down Expand Up @@ -600,13 +600,9 @@ Container Queries: the ''@container'' rule</h3>
| <<container-query>> [ and <<container-query>> ]*
| <<container-query>> [ or <<container-query>> ]*
<dfn><<container-query>></dfn> = ( <<container-condition>> )
| size( <<size-query>> )
| ( <<size-feature>> )
| style( <<style-query>> )

<dfn><<size-query>></dfn> = <<size-feature>> | <<size-condition>>
<dfn><<size-condition>></dfn> = not ( <<size-query>> )
| ( <<size-query>> ) [ and ( <<size-query>> ) ]*
| ( <<size-query>> ) [ or ( <<size-query>> ) ]*
| <<general-enclosed>>

<dfn><<style-query>></dfn> = <<style-feature>> | <<style-condition>>
<dfn><<style-condition>></dfn> = not ( <<style-query>> )
Expand Down

0 comments on commit d8501fc

Please sign in to comment.