mirror of
https://github.com/swc-project/swc.git
synced 2024-12-19 11:42:13 +03:00
84cec8766d
**Description:** This PR is to prepare removal of `string-cache`. Actually, this PR does not remove it. Instead, this PR only removes direct usages of `js_word!`s, especially in patterns. **Related issue:** - #4946.
8504 lines
227 KiB
Plaintext
8504 lines
227 KiB
Plaintext
|
|
x Stylesheet
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | ,-> @container (width <= 150px) {
|
|
2 | | #inner {
|
|
3 | | background-color: skyblue;
|
|
4 | | }
|
|
5 | | }
|
|
6 | |
|
|
7 | | @supports (container-type: size) {
|
|
8 | | @container ( width <= 150px ) {
|
|
9 | | #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | | }
|
|
12 | | }
|
|
13 | | }
|
|
14 | |
|
|
15 | | @container not (width <= 500px ) {
|
|
16 | | #inner {
|
|
17 | | background-color: skyblue;
|
|
18 | | }
|
|
19 | | }
|
|
20 | |
|
|
21 | | @container name not (width <= 500px) {
|
|
22 | | #inner {
|
|
23 | | background-color: skyblue;
|
|
24 | | }
|
|
25 | | }
|
|
26 | |
|
|
27 | | main, aside {
|
|
28 | | container: my-layout / inline-size;
|
|
29 | | }
|
|
30 | |
|
|
31 | | .media-object {
|
|
32 | | display: grid;
|
|
33 | | grid-template: 'img' auto 'content' auto / 100%;
|
|
34 | | }
|
|
35 | |
|
|
36 | | @container my-layout (inline-size > 45em) {
|
|
37 | | .media-object {
|
|
38 | | grid-template: 'img content' auto / auto 1fr;
|
|
39 | | }
|
|
40 | | }
|
|
41 | |
|
|
42 | | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | | .card { margin-block: 2em; }
|
|
44 | | }
|
|
45 | |
|
|
46 | | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | | .card { margin-block: 2em; }
|
|
48 | | }
|
|
49 | |
|
|
50 | | @container (inline-size >= 0px) {
|
|
51 | | h2 { font-size: calc(1.2em + 1cqw); }
|
|
52 | | }
|
|
53 | |
|
|
54 | | @container (inline-size >= 0px) {
|
|
55 | | h2 { font-size: calc(1.2em + 1cqh); }
|
|
56 | | }
|
|
57 | |
|
|
58 | | @container (inline-size >= 0px) {
|
|
59 | | h2 { font-size: calc(1.2em + 1cqi); }
|
|
60 | | }
|
|
61 | |
|
|
62 | | @container (inline-size >= 0px) {
|
|
63 | | h2 { font-size: calc(1.2em + 1cqb); }
|
|
64 | | }
|
|
65 | |
|
|
66 | | @container (inline-size >= 0px) {
|
|
67 | | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
68 | | }
|
|
69 | |
|
|
70 | | @container (inline-size >= 0px) {
|
|
71 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
72 | | }
|
|
73 | |
|
|
74 | | @media screen {
|
|
75 | | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
77 | | }
|
|
78 | | }
|
|
79 | |
|
|
80 | | @container (100px > width > 150px) {
|
|
81 | | #inner {
|
|
82 | | background-color: skyblue;
|
|
83 | | }
|
|
84 | | }
|
|
85 | |
|
|
86 | | @container (not (width <= 150px)) {
|
|
87 | | #inner {
|
|
88 | | background-color: skyblue;
|
|
89 | | }
|
|
90 | | }
|
|
91 | |
|
|
92 | | @container ((width <= 150px)) {
|
|
93 | | #inner {
|
|
94 | | background-color: skyblue;
|
|
95 | | }
|
|
96 | | }
|
|
97 | |
|
|
98 | | @container (min-width: 700px) {
|
|
99 | | .card {
|
|
100 | | display: grid;
|
|
101 | | grid-template-columns: 2fr 1fr;
|
|
102 | | }
|
|
103 | | }
|
|
104 | |
|
|
105 | |
|
|
106 | | @container sidebar (min-width: 400px) {
|
|
107 | | .card {
|
|
108 | | display: grid;
|
|
109 | | grid-template-columns: 2fr 1fr;
|
|
110 | | }
|
|
111 | | }
|
|
112 | |
|
|
113 | | @container test style(--responsive: true) {
|
|
114 | | #inner {
|
|
115 | | background-color: skyblue;
|
|
116 | | }
|
|
117 | | }
|
|
118 | |
|
|
119 | | @container style(--responsive: true) {
|
|
120 | | #inner {
|
|
121 | | background-color: skyblue;
|
|
122 | | }
|
|
123 | | }
|
|
124 | |
|
|
125 | | @container card (inline-size > 30em) {
|
|
126 | | @container style(--responsive: true) {
|
|
127 | | #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | | }
|
|
130 | | }
|
|
131 | | }
|
|
132 | |
|
|
133 | | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
134 | |
|
|
135 | | @container ( WIDTH <= 150px ) {
|
|
136 | | #inner {
|
|
137 | | background-color: skyblue;
|
|
138 | | }
|
|
139 | `-> }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | ,-> @container (width <= 150px) {
|
|
2 | | #inner {
|
|
3 | | background-color: skyblue;
|
|
4 | | }
|
|
5 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | ,-> @container (width <= 150px) {
|
|
2 | | #inner {
|
|
3 | | background-color: skyblue;
|
|
4 | | }
|
|
5 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^^^^^^^^^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^^^^^^^^^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^^^^^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^^^^^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^^^^^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^^^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | ,-> @container (width <= 150px) {
|
|
2 | | #inner {
|
|
3 | | background-color: skyblue;
|
|
4 | | }
|
|
5 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
: ^
|
|
2 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | ,-> #inner {
|
|
3 | | background-color: skyblue;
|
|
4 | `-> }
|
|
5 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | ,-> #inner {
|
|
3 | | background-color: skyblue;
|
|
4 | `-> }
|
|
5 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | #inner {
|
|
: ^^^^^^
|
|
3 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | #inner {
|
|
: ^^^^^^
|
|
3 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | #inner {
|
|
: ^^^^^^
|
|
3 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | #inner {
|
|
: ^^^^^^
|
|
3 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | #inner {
|
|
: ^^^^^^
|
|
3 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | #inner {
|
|
: ^^^^^^
|
|
3 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | ,-> #inner {
|
|
3 | | background-color: skyblue;
|
|
4 | `-> }
|
|
5 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:1:1]
|
|
1 | @container (width <= 150px) {
|
|
2 | #inner {
|
|
: ^
|
|
3 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:2:1]
|
|
2 | #inner {
|
|
3 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
4 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:2:1]
|
|
2 | #inner {
|
|
3 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
4 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:2:1]
|
|
2 | #inner {
|
|
3 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
4 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:2:1]
|
|
2 | #inner {
|
|
3 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
4 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:2:1]
|
|
2 | #inner {
|
|
3 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
4 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:2:1]
|
|
2 | #inner {
|
|
3 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
4 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | ,-> @supports (container-type: size) {
|
|
8 | | @container ( width <= 150px ) {
|
|
9 | | #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | | }
|
|
12 | | }
|
|
13 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | ,-> @supports (container-type: size) {
|
|
8 | | @container ( width <= 150px ) {
|
|
9 | | #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | | }
|
|
12 | | }
|
|
13 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x SupportsCondition
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^^^^^^^^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x SupportsConditionType
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x SupportsInParens
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x SupportsFeature
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^^^^^^^^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^^^^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | ,-> @supports (container-type: size) {
|
|
8 | | @container ( width <= 150px ) {
|
|
9 | | #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | | }
|
|
12 | | }
|
|
13 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:6:1]
|
|
6 |
|
|
7 | @supports (container-type: size) {
|
|
: ^
|
|
8 | @container ( width <= 150px ) {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | ,-> @container ( width <= 150px ) {
|
|
9 | | #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | | }
|
|
12 | `-> }
|
|
13 | }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | ,-> @container ( width <= 150px ) {
|
|
9 | | #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | | }
|
|
12 | `-> }
|
|
13 | }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^^^^^^^^^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^^^^^^^^^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^^^^^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^^^^^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^^^^^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^^^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | ,-> @container ( width <= 150px ) {
|
|
9 | | #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | | }
|
|
12 | `-> }
|
|
13 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:7:1]
|
|
7 | @supports (container-type: size) {
|
|
8 | @container ( width <= 150px ) {
|
|
: ^
|
|
9 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | ,-> #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | `-> }
|
|
12 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | ,-> #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | `-> }
|
|
12 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | #inner {
|
|
: ^^^^^^
|
|
10 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | #inner {
|
|
: ^^^^^^
|
|
10 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | #inner {
|
|
: ^^^^^^
|
|
10 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | #inner {
|
|
: ^^^^^^
|
|
10 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | #inner {
|
|
: ^^^^^^
|
|
10 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | #inner {
|
|
: ^^^^^^
|
|
10 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | ,-> #inner {
|
|
10 | | background-color: skyblue;
|
|
11 | `-> }
|
|
12 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:8:1]
|
|
8 | @container ( width <= 150px ) {
|
|
9 | #inner {
|
|
: ^
|
|
10 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:9:1]
|
|
9 | #inner {
|
|
10 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
11 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:9:1]
|
|
9 | #inner {
|
|
10 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
11 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:9:1]
|
|
9 | #inner {
|
|
10 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
11 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:9:1]
|
|
9 | #inner {
|
|
10 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
11 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:9:1]
|
|
9 | #inner {
|
|
10 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
11 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:9:1]
|
|
9 | #inner {
|
|
10 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
11 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | ,-> @container not (width <= 500px ) {
|
|
16 | | #inner {
|
|
17 | | background-color: skyblue;
|
|
18 | | }
|
|
19 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | ,-> @container not (width <= 500px ) {
|
|
16 | | #inner {
|
|
17 | | background-color: skyblue;
|
|
18 | | }
|
|
19 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^^^^^^^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^^^^^^^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^^^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^^^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^^^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | ,-> @container not (width <= 500px ) {
|
|
16 | | #inner {
|
|
17 | | background-color: skyblue;
|
|
18 | | }
|
|
19 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:14:1]
|
|
14 |
|
|
15 | @container not (width <= 500px ) {
|
|
: ^
|
|
16 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | ,-> #inner {
|
|
17 | | background-color: skyblue;
|
|
18 | `-> }
|
|
19 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | ,-> #inner {
|
|
17 | | background-color: skyblue;
|
|
18 | `-> }
|
|
19 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | #inner {
|
|
: ^^^^^^
|
|
17 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | #inner {
|
|
: ^^^^^^
|
|
17 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | #inner {
|
|
: ^^^^^^
|
|
17 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | #inner {
|
|
: ^^^^^^
|
|
17 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | #inner {
|
|
: ^^^^^^
|
|
17 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | #inner {
|
|
: ^^^^^^
|
|
17 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | ,-> #inner {
|
|
17 | | background-color: skyblue;
|
|
18 | `-> }
|
|
19 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:15:1]
|
|
15 | @container not (width <= 500px ) {
|
|
16 | #inner {
|
|
: ^
|
|
17 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:16:1]
|
|
16 | #inner {
|
|
17 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
18 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:16:1]
|
|
16 | #inner {
|
|
17 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
18 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:16:1]
|
|
16 | #inner {
|
|
17 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
18 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:16:1]
|
|
16 | #inner {
|
|
17 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
18 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:16:1]
|
|
16 | #inner {
|
|
17 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
18 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:16:1]
|
|
16 | #inner {
|
|
17 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
18 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | ,-> @container name not (width <= 500px) {
|
|
22 | | #inner {
|
|
23 | | background-color: skyblue;
|
|
24 | | }
|
|
25 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | ,-> @container name not (width <= 500px) {
|
|
22 | | #inner {
|
|
23 | | background-color: skyblue;
|
|
24 | | }
|
|
25 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^^^^^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^^^^^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | ,-> @container name not (width <= 500px) {
|
|
22 | | #inner {
|
|
23 | | background-color: skyblue;
|
|
24 | | }
|
|
25 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:20:1]
|
|
20 |
|
|
21 | @container name not (width <= 500px) {
|
|
: ^
|
|
22 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | ,-> #inner {
|
|
23 | | background-color: skyblue;
|
|
24 | `-> }
|
|
25 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | ,-> #inner {
|
|
23 | | background-color: skyblue;
|
|
24 | `-> }
|
|
25 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | #inner {
|
|
: ^^^^^^
|
|
23 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | #inner {
|
|
: ^^^^^^
|
|
23 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | #inner {
|
|
: ^^^^^^
|
|
23 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | #inner {
|
|
: ^^^^^^
|
|
23 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | #inner {
|
|
: ^^^^^^
|
|
23 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | #inner {
|
|
: ^^^^^^
|
|
23 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | ,-> #inner {
|
|
23 | | background-color: skyblue;
|
|
24 | `-> }
|
|
25 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:21:1]
|
|
21 | @container name not (width <= 500px) {
|
|
22 | #inner {
|
|
: ^
|
|
23 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:22:1]
|
|
22 | #inner {
|
|
23 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
24 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:22:1]
|
|
22 | #inner {
|
|
23 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
24 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:22:1]
|
|
22 | #inner {
|
|
23 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
24 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:22:1]
|
|
22 | #inner {
|
|
23 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
24 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:22:1]
|
|
22 | #inner {
|
|
23 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
24 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:22:1]
|
|
22 | #inner {
|
|
23 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
24 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | ,-> main, aside {
|
|
28 | | container: my-layout / inline-size;
|
|
29 | `-> }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | ,-> main, aside {
|
|
28 | | container: my-layout / inline-size;
|
|
29 | `-> }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^^^^^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^^^^^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | ,-> main, aside {
|
|
28 | | container: my-layout / inline-size;
|
|
29 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:26:1]
|
|
26 |
|
|
27 | main, aside {
|
|
: ^
|
|
28 | container: my-layout / inline-size;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^
|
|
29 | }
|
|
`----
|
|
|
|
x Delimiter
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^
|
|
29 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:27:1]
|
|
27 | main, aside {
|
|
28 | container: my-layout / inline-size;
|
|
: ^^^^^^^^^^^
|
|
29 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | ,-> .media-object {
|
|
32 | | display: grid;
|
|
33 | | grid-template: 'img' auto 'content' auto / 100%;
|
|
34 | `-> }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | ,-> .media-object {
|
|
32 | | display: grid;
|
|
33 | | grid-template: 'img' auto 'content' auto / 100%;
|
|
34 | `-> }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
32 | display: grid;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
32 | display: grid;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
32 | display: grid;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
32 | display: grid;
|
|
`----
|
|
|
|
x ClassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
32 | display: grid;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | .media-object {
|
|
: ^^^^^^^^^^^^
|
|
32 | display: grid;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | ,-> .media-object {
|
|
32 | | display: grid;
|
|
33 | | grid-template: 'img' auto 'content' auto / 100%;
|
|
34 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:30:1]
|
|
30 |
|
|
31 | .media-object {
|
|
: ^
|
|
32 | display: grid;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:31:1]
|
|
31 | .media-object {
|
|
32 | display: grid;
|
|
: ^^^^^^^^^^^^^
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:31:1]
|
|
31 | .media-object {
|
|
32 | display: grid;
|
|
: ^^^^^^^^^^^^^
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:31:1]
|
|
31 | .media-object {
|
|
32 | display: grid;
|
|
: ^^^^^^^
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:31:1]
|
|
31 | .media-object {
|
|
32 | display: grid;
|
|
: ^^^^^^^
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:31:1]
|
|
31 | .media-object {
|
|
32 | display: grid;
|
|
: ^^^^
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:31:1]
|
|
31 | .media-object {
|
|
32 | display: grid;
|
|
: ^^^^
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^^^^^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^^^^^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Str
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Str
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^^^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^
|
|
34 | }
|
|
`----
|
|
|
|
x Delimiter
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^
|
|
34 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Percentage
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:32:1]
|
|
32 | display: grid;
|
|
33 | grid-template: 'img' auto 'content' auto / 100%;
|
|
: ^^^
|
|
34 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | ,-> @container my-layout (inline-size > 45em) {
|
|
37 | | .media-object {
|
|
38 | | grid-template: 'img content' auto / auto 1fr;
|
|
39 | | }
|
|
40 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | ,-> @container my-layout (inline-size > 45em) {
|
|
37 | | .media-object {
|
|
38 | | grid-template: 'img content' auto / auto 1fr;
|
|
39 | | }
|
|
40 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^^^^^^^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^^^^^^^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^^^^^^^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^^^^^^^^^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | ,-> @container my-layout (inline-size > 45em) {
|
|
37 | | .media-object {
|
|
38 | | grid-template: 'img content' auto / auto 1fr;
|
|
39 | | }
|
|
40 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:35:1]
|
|
35 |
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
: ^
|
|
37 | .media-object {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | ,-> .media-object {
|
|
38 | | grid-template: 'img content' auto / auto 1fr;
|
|
39 | `-> }
|
|
40 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | ,-> .media-object {
|
|
38 | | grid-template: 'img content' auto / auto 1fr;
|
|
39 | `-> }
|
|
40 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
`----
|
|
|
|
x ClassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | .media-object {
|
|
: ^^^^^^^^^^^^^
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | .media-object {
|
|
: ^^^^^^^^^^^^
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | ,-> .media-object {
|
|
38 | | grid-template: 'img content' auto / auto 1fr;
|
|
39 | `-> }
|
|
40 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:36:1]
|
|
36 | @container my-layout (inline-size > 45em) {
|
|
37 | .media-object {
|
|
: ^
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^^^^^^^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^^^^^^^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^^^^^^^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Str
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^^^^^^^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^
|
|
39 | }
|
|
`----
|
|
|
|
x Delimiter
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^
|
|
39 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^^
|
|
39 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Flex
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^^
|
|
39 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^
|
|
39 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:37:1]
|
|
37 | .media-object {
|
|
38 | grid-template: 'img content' auto / auto 1fr;
|
|
: ^^
|
|
39 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | ,-> @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | | .card { margin-block: 2em; }
|
|
44 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | ,-> @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | | .card { margin-block: 2em; }
|
|
44 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^^^^^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident { value: "--responsive", raw: "--responsive" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Colon
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x WhiteSpace { value: " " }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident { value: "true", raw: "true" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^^^^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | ,-> @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | | .card { margin-block: 2em; }
|
|
44 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:41:1]
|
|
41 |
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
: ^
|
|
43 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x ClassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^
|
|
44 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^
|
|
44 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^
|
|
44 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^
|
|
44 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^^
|
|
44 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^
|
|
44 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:42:1]
|
|
42 | @container card (inline-size > 30em) and style(--responsive: true) {
|
|
43 | .card { margin-block: 2em; }
|
|
: ^^
|
|
44 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | ,-> @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | | .card { margin-block: 2em; }
|
|
48 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | ,-> @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | | .card { margin-block: 2em; }
|
|
48 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^^^^^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident { value: "--responsive", raw: "--responsive" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Colon
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x WhiteSpace { value: " " }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x Ident { value: "true", raw: "true" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^^^^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | ,-> @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | | .card { margin-block: 2em; }
|
|
48 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:45:1]
|
|
45 |
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
: ^
|
|
47 | .card { margin-block: 2em; }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x ClassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^
|
|
48 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^^^^^^^^^^
|
|
48 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^
|
|
48 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^
|
|
48 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^^
|
|
48 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^
|
|
48 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:46:1]
|
|
46 | @container card (inline-size > 30em) or style(--responsive: true) {
|
|
47 | .card { margin-block: 2em; }
|
|
: ^^
|
|
48 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | ,-> @container (inline-size >= 0px) {
|
|
51 | | h2 { font-size: calc(1.2em + 1cqw); }
|
|
52 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | ,-> @container (inline-size >= 0px) {
|
|
51 | | h2 { font-size: calc(1.2em + 1cqw); }
|
|
52 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^^^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | ,-> @container (inline-size >= 0px) {
|
|
51 | | h2 { font-size: calc(1.2em + 1cqw); }
|
|
52 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:49:1]
|
|
49 |
|
|
50 | @container (inline-size >= 0px) {
|
|
: ^
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^
|
|
52 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^^^^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^
|
|
52 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:50:1]
|
|
50 | @container (inline-size >= 0px) {
|
|
51 | h2 { font-size: calc(1.2em + 1cqw); }
|
|
: ^^^
|
|
52 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | ,-> @container (inline-size >= 0px) {
|
|
55 | | h2 { font-size: calc(1.2em + 1cqh); }
|
|
56 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | ,-> @container (inline-size >= 0px) {
|
|
55 | | h2 { font-size: calc(1.2em + 1cqh); }
|
|
56 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^^^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | ,-> @container (inline-size >= 0px) {
|
|
55 | | h2 { font-size: calc(1.2em + 1cqh); }
|
|
56 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:53:1]
|
|
53 |
|
|
54 | @container (inline-size >= 0px) {
|
|
: ^
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^
|
|
56 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^^^^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^
|
|
56 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:54:1]
|
|
54 | @container (inline-size >= 0px) {
|
|
55 | h2 { font-size: calc(1.2em + 1cqh); }
|
|
: ^^^
|
|
56 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | ,-> @container (inline-size >= 0px) {
|
|
59 | | h2 { font-size: calc(1.2em + 1cqi); }
|
|
60 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | ,-> @container (inline-size >= 0px) {
|
|
59 | | h2 { font-size: calc(1.2em + 1cqi); }
|
|
60 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^^^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | ,-> @container (inline-size >= 0px) {
|
|
59 | | h2 { font-size: calc(1.2em + 1cqi); }
|
|
60 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:57:1]
|
|
57 |
|
|
58 | @container (inline-size >= 0px) {
|
|
: ^
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^
|
|
60 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^^^^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^
|
|
60 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:58:1]
|
|
58 | @container (inline-size >= 0px) {
|
|
59 | h2 { font-size: calc(1.2em + 1cqi); }
|
|
: ^^^
|
|
60 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | ,-> @container (inline-size >= 0px) {
|
|
63 | | h2 { font-size: calc(1.2em + 1cqb); }
|
|
64 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | ,-> @container (inline-size >= 0px) {
|
|
63 | | h2 { font-size: calc(1.2em + 1cqb); }
|
|
64 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^^^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | ,-> @container (inline-size >= 0px) {
|
|
63 | | h2 { font-size: calc(1.2em + 1cqb); }
|
|
64 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:61:1]
|
|
61 |
|
|
62 | @container (inline-size >= 0px) {
|
|
: ^
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^
|
|
64 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^^^^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^
|
|
64 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:62:1]
|
|
62 | @container (inline-size >= 0px) {
|
|
63 | h2 { font-size: calc(1.2em + 1cqb); }
|
|
: ^^^
|
|
64 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | ,-> @container (inline-size >= 0px) {
|
|
67 | | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
68 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | ,-> @container (inline-size >= 0px) {
|
|
67 | | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
68 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^^^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | ,-> @container (inline-size >= 0px) {
|
|
67 | | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
68 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:65:1]
|
|
65 |
|
|
66 | @container (inline-size >= 0px) {
|
|
: ^
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^
|
|
68 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^^^^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^
|
|
68 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:66:1]
|
|
66 | @container (inline-size >= 0px) {
|
|
67 | h2 { font-size: calc(1.2em + 1cqmin); }
|
|
: ^^^^^
|
|
68 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | ,-> @container (inline-size >= 0px) {
|
|
71 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
72 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | ,-> @container (inline-size >= 0px) {
|
|
71 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
72 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^^^^^^^^^^^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^^^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | ,-> @container (inline-size >= 0px) {
|
|
71 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
72 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:69:1]
|
|
69 |
|
|
70 | @container (inline-size >= 0px) {
|
|
: ^
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
72 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
72 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:70:1]
|
|
70 | @container (inline-size >= 0px) {
|
|
71 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
72 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | ,-> @media screen {
|
|
75 | | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
77 | | }
|
|
78 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | ,-> @media screen {
|
|
75 | | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
77 | | }
|
|
78 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | @media screen {
|
|
: ^^^^^
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | @media screen {
|
|
: ^^^^^
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
`----
|
|
|
|
x MediaQueryList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | @media screen {
|
|
: ^^^^^^
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
`----
|
|
|
|
x MediaQuery
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | @media screen {
|
|
: ^^^^^^
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
`----
|
|
|
|
x MediaType
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | @media screen {
|
|
: ^^^^^^
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | @media screen {
|
|
: ^^^^^^
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | ,-> @media screen {
|
|
75 | | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
77 | | }
|
|
78 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:73:1]
|
|
73 |
|
|
74 | @media screen {
|
|
: ^
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | ,-> @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
77 | `-> }
|
|
78 | }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | ,-> @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
77 | `-> }
|
|
78 | }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^^^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^^^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^^^^^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^^^^^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | ,-> @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
77 | `-> }
|
|
78 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:74:1]
|
|
74 | @media screen {
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
: ^
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
77 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^^^^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^
|
|
77 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:75:1]
|
|
75 | @container card (inline-size > 30em) and (inline-size < 45em) {
|
|
76 | h2 { font-size: calc(1.2em + 1cqmax); }
|
|
: ^^^^^
|
|
77 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | ,-> @container (100px > width > 150px) {
|
|
81 | | #inner {
|
|
82 | | background-color: skyblue;
|
|
83 | | }
|
|
84 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | ,-> @container (100px > width > 150px) {
|
|
81 | | #inner {
|
|
82 | | background-color: skyblue;
|
|
83 | | }
|
|
84 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^^^^^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^^^^^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | ,-> @container (100px > width > 150px) {
|
|
81 | | #inner {
|
|
82 | | background-color: skyblue;
|
|
83 | | }
|
|
84 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:79:1]
|
|
79 |
|
|
80 | @container (100px > width > 150px) {
|
|
: ^
|
|
81 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | ,-> #inner {
|
|
82 | | background-color: skyblue;
|
|
83 | `-> }
|
|
84 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | ,-> #inner {
|
|
82 | | background-color: skyblue;
|
|
83 | `-> }
|
|
84 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | #inner {
|
|
: ^^^^^^
|
|
82 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | #inner {
|
|
: ^^^^^^
|
|
82 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | #inner {
|
|
: ^^^^^^
|
|
82 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | #inner {
|
|
: ^^^^^^
|
|
82 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | #inner {
|
|
: ^^^^^^
|
|
82 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | #inner {
|
|
: ^^^^^^
|
|
82 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | ,-> #inner {
|
|
82 | | background-color: skyblue;
|
|
83 | `-> }
|
|
84 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:80:1]
|
|
80 | @container (100px > width > 150px) {
|
|
81 | #inner {
|
|
: ^
|
|
82 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:81:1]
|
|
81 | #inner {
|
|
82 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
83 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:81:1]
|
|
81 | #inner {
|
|
82 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
83 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:81:1]
|
|
81 | #inner {
|
|
82 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
83 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:81:1]
|
|
81 | #inner {
|
|
82 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
83 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:81:1]
|
|
81 | #inner {
|
|
82 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
83 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:81:1]
|
|
81 | #inner {
|
|
82 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
83 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | ,-> @container (not (width <= 150px)) {
|
|
87 | | #inner {
|
|
88 | | background-color: skyblue;
|
|
89 | | }
|
|
90 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | ,-> @container (not (width <= 150px)) {
|
|
87 | | #inner {
|
|
88 | | background-color: skyblue;
|
|
89 | | }
|
|
90 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^^^^^^^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^^^^^^^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^^^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^^^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^^^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | ,-> @container (not (width <= 150px)) {
|
|
87 | | #inner {
|
|
88 | | background-color: skyblue;
|
|
89 | | }
|
|
90 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:85:1]
|
|
85 |
|
|
86 | @container (not (width <= 150px)) {
|
|
: ^
|
|
87 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | ,-> #inner {
|
|
88 | | background-color: skyblue;
|
|
89 | `-> }
|
|
90 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | ,-> #inner {
|
|
88 | | background-color: skyblue;
|
|
89 | `-> }
|
|
90 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | #inner {
|
|
: ^^^^^^
|
|
88 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | #inner {
|
|
: ^^^^^^
|
|
88 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | #inner {
|
|
: ^^^^^^
|
|
88 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | #inner {
|
|
: ^^^^^^
|
|
88 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | #inner {
|
|
: ^^^^^^
|
|
88 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | #inner {
|
|
: ^^^^^^
|
|
88 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | ,-> #inner {
|
|
88 | | background-color: skyblue;
|
|
89 | `-> }
|
|
90 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:86:1]
|
|
86 | @container (not (width <= 150px)) {
|
|
87 | #inner {
|
|
: ^
|
|
88 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:87:1]
|
|
87 | #inner {
|
|
88 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
89 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:87:1]
|
|
87 | #inner {
|
|
88 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
89 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:87:1]
|
|
87 | #inner {
|
|
88 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
89 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:87:1]
|
|
87 | #inner {
|
|
88 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
89 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:87:1]
|
|
87 | #inner {
|
|
88 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
89 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:87:1]
|
|
87 | #inner {
|
|
88 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
89 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | ,-> @container ((width <= 150px)) {
|
|
93 | | #inner {
|
|
94 | | background-color: skyblue;
|
|
95 | | }
|
|
96 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | ,-> @container ((width <= 150px)) {
|
|
93 | | #inner {
|
|
94 | | background-color: skyblue;
|
|
95 | | }
|
|
96 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^^^^^^^^^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^^^^^^^^^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^^^^^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^^^^^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^^^^^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^^^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | ,-> @container ((width <= 150px)) {
|
|
93 | | #inner {
|
|
94 | | background-color: skyblue;
|
|
95 | | }
|
|
96 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:91:1]
|
|
91 |
|
|
92 | @container ((width <= 150px)) {
|
|
: ^
|
|
93 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | ,-> #inner {
|
|
94 | | background-color: skyblue;
|
|
95 | `-> }
|
|
96 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | ,-> #inner {
|
|
94 | | background-color: skyblue;
|
|
95 | `-> }
|
|
96 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | #inner {
|
|
: ^^^^^^
|
|
94 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | #inner {
|
|
: ^^^^^^
|
|
94 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | #inner {
|
|
: ^^^^^^
|
|
94 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | #inner {
|
|
: ^^^^^^
|
|
94 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | #inner {
|
|
: ^^^^^^
|
|
94 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | #inner {
|
|
: ^^^^^^
|
|
94 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | ,-> #inner {
|
|
94 | | background-color: skyblue;
|
|
95 | `-> }
|
|
96 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:92:1]
|
|
92 | @container ((width <= 150px)) {
|
|
93 | #inner {
|
|
: ^
|
|
94 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:93:1]
|
|
93 | #inner {
|
|
94 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
95 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:93:1]
|
|
93 | #inner {
|
|
94 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
95 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:93:1]
|
|
93 | #inner {
|
|
94 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
95 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:93:1]
|
|
93 | #inner {
|
|
94 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
95 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:93:1]
|
|
93 | #inner {
|
|
94 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
95 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:93:1]
|
|
93 | #inner {
|
|
94 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
95 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | ,-> @container (min-width: 700px) {
|
|
99 | | .card {
|
|
100 | | display: grid;
|
|
101 | | grid-template-columns: 2fr 1fr;
|
|
102 | | }
|
|
103 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | ,-> @container (min-width: 700px) {
|
|
99 | | .card {
|
|
100 | | display: grid;
|
|
101 | | grid-template-columns: 2fr 1fr;
|
|
102 | | }
|
|
103 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^^^^^^^^^
|
|
99 | .card {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^^^^^^^^^
|
|
99 | .card {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^^^^^^^^^
|
|
99 | .card {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^^^^^
|
|
99 | .card {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^^^^^
|
|
99 | .card {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^^^
|
|
99 | .card {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^^
|
|
99 | .card {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | ,-> @container (min-width: 700px) {
|
|
99 | | .card {
|
|
100 | | display: grid;
|
|
101 | | grid-template-columns: 2fr 1fr;
|
|
102 | | }
|
|
103 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:97:1]
|
|
97 |
|
|
98 | @container (min-width: 700px) {
|
|
: ^
|
|
99 | .card {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | ,-> .card {
|
|
100 | | display: grid;
|
|
101 | | grid-template-columns: 2fr 1fr;
|
|
102 | `-> }
|
|
103 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | ,-> .card {
|
|
100 | | display: grid;
|
|
101 | | grid-template-columns: 2fr 1fr;
|
|
102 | `-> }
|
|
103 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | .card {
|
|
: ^^^^^
|
|
100 | display: grid;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | .card {
|
|
: ^^^^^
|
|
100 | display: grid;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | .card {
|
|
: ^^^^^
|
|
100 | display: grid;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | .card {
|
|
: ^^^^^
|
|
100 | display: grid;
|
|
`----
|
|
|
|
x ClassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | .card {
|
|
: ^^^^^
|
|
100 | display: grid;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | .card {
|
|
: ^^^^
|
|
100 | display: grid;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | ,-> .card {
|
|
100 | | display: grid;
|
|
101 | | grid-template-columns: 2fr 1fr;
|
|
102 | `-> }
|
|
103 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:98:1]
|
|
98 | @container (min-width: 700px) {
|
|
99 | .card {
|
|
: ^
|
|
100 | display: grid;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:99:1]
|
|
99 | .card {
|
|
100 | display: grid;
|
|
: ^^^^^^^^^^^^^
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:99:1]
|
|
99 | .card {
|
|
100 | display: grid;
|
|
: ^^^^^^^^^^^^^
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:99:1]
|
|
99 | .card {
|
|
100 | display: grid;
|
|
: ^^^^^^^
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:99:1]
|
|
99 | .card {
|
|
100 | display: grid;
|
|
: ^^^^^^^
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:99:1]
|
|
99 | .card {
|
|
100 | display: grid;
|
|
: ^^^^
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:99:1]
|
|
99 | .card {
|
|
100 | display: grid;
|
|
: ^^^^
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
102 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^
|
|
102 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Flex
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^
|
|
102 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^
|
|
102 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Flex
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
102 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^
|
|
102 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:100:1]
|
|
100 | display: grid;
|
|
101 | grid-template-columns: 2fr 1fr;
|
|
: ^^
|
|
102 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | ,-> @container sidebar (min-width: 400px) {
|
|
107 | | .card {
|
|
108 | | display: grid;
|
|
109 | | grid-template-columns: 2fr 1fr;
|
|
110 | | }
|
|
111 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | ,-> @container sidebar (min-width: 400px) {
|
|
107 | | .card {
|
|
108 | | display: grid;
|
|
109 | | grid-template-columns: 2fr 1fr;
|
|
110 | | }
|
|
111 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^^^^^^^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^^^^^^^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^^^^^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^^^^^^^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^^^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^^^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^^
|
|
107 | .card {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | ,-> @container sidebar (min-width: 400px) {
|
|
107 | | .card {
|
|
108 | | display: grid;
|
|
109 | | grid-template-columns: 2fr 1fr;
|
|
110 | | }
|
|
111 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:105:1]
|
|
105 |
|
|
106 | @container sidebar (min-width: 400px) {
|
|
: ^
|
|
107 | .card {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | ,-> .card {
|
|
108 | | display: grid;
|
|
109 | | grid-template-columns: 2fr 1fr;
|
|
110 | `-> }
|
|
111 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | ,-> .card {
|
|
108 | | display: grid;
|
|
109 | | grid-template-columns: 2fr 1fr;
|
|
110 | `-> }
|
|
111 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | .card {
|
|
: ^^^^^
|
|
108 | display: grid;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | .card {
|
|
: ^^^^^
|
|
108 | display: grid;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | .card {
|
|
: ^^^^^
|
|
108 | display: grid;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | .card {
|
|
: ^^^^^
|
|
108 | display: grid;
|
|
`----
|
|
|
|
x ClassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | .card {
|
|
: ^^^^^
|
|
108 | display: grid;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | .card {
|
|
: ^^^^
|
|
108 | display: grid;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | ,-> .card {
|
|
108 | | display: grid;
|
|
109 | | grid-template-columns: 2fr 1fr;
|
|
110 | `-> }
|
|
111 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:106:1]
|
|
106 | @container sidebar (min-width: 400px) {
|
|
107 | .card {
|
|
: ^
|
|
108 | display: grid;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:107:1]
|
|
107 | .card {
|
|
108 | display: grid;
|
|
: ^^^^^^^^^^^^^
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:107:1]
|
|
107 | .card {
|
|
108 | display: grid;
|
|
: ^^^^^^^^^^^^^
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:107:1]
|
|
107 | .card {
|
|
108 | display: grid;
|
|
: ^^^^^^^
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:107:1]
|
|
107 | .card {
|
|
108 | display: grid;
|
|
: ^^^^^^^
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:107:1]
|
|
107 | .card {
|
|
108 | display: grid;
|
|
: ^^^^
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:107:1]
|
|
107 | .card {
|
|
108 | display: grid;
|
|
: ^^^^
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
110 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^^^^^^^^^^^^^^^^^^^
|
|
110 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Flex
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^
|
|
110 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^
|
|
110 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Flex
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^^
|
|
110 | }
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^
|
|
110 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:108:1]
|
|
108 | display: grid;
|
|
109 | grid-template-columns: 2fr 1fr;
|
|
: ^^
|
|
110 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | ,-> @container test style(--responsive: true) {
|
|
114 | | #inner {
|
|
115 | | background-color: skyblue;
|
|
116 | | }
|
|
117 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | ,-> @container test style(--responsive: true) {
|
|
114 | | #inner {
|
|
115 | | background-color: skyblue;
|
|
116 | | }
|
|
117 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x Ident { value: "--responsive", raw: "--responsive" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x Colon
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x WhiteSpace { value: " " }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x Ident { value: "true", raw: "true" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^^^^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | ,-> @container test style(--responsive: true) {
|
|
114 | | #inner {
|
|
115 | | background-color: skyblue;
|
|
116 | | }
|
|
117 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:112:1]
|
|
112 |
|
|
113 | @container test style(--responsive: true) {
|
|
: ^
|
|
114 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | ,-> #inner {
|
|
115 | | background-color: skyblue;
|
|
116 | `-> }
|
|
117 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | ,-> #inner {
|
|
115 | | background-color: skyblue;
|
|
116 | `-> }
|
|
117 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | #inner {
|
|
: ^^^^^^
|
|
115 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | #inner {
|
|
: ^^^^^^
|
|
115 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | #inner {
|
|
: ^^^^^^
|
|
115 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | #inner {
|
|
: ^^^^^^
|
|
115 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | #inner {
|
|
: ^^^^^^
|
|
115 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | #inner {
|
|
: ^^^^^^
|
|
115 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | ,-> #inner {
|
|
115 | | background-color: skyblue;
|
|
116 | `-> }
|
|
117 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:113:1]
|
|
113 | @container test style(--responsive: true) {
|
|
114 | #inner {
|
|
: ^
|
|
115 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:114:1]
|
|
114 | #inner {
|
|
115 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
116 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:114:1]
|
|
114 | #inner {
|
|
115 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
116 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:114:1]
|
|
114 | #inner {
|
|
115 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
116 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:114:1]
|
|
114 | #inner {
|
|
115 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
116 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:114:1]
|
|
114 | #inner {
|
|
115 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
116 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:114:1]
|
|
114 | #inner {
|
|
115 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
116 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | ,-> @container style(--responsive: true) {
|
|
120 | | #inner {
|
|
121 | | background-color: skyblue;
|
|
122 | | }
|
|
123 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | ,-> @container style(--responsive: true) {
|
|
120 | | #inner {
|
|
121 | | background-color: skyblue;
|
|
122 | | }
|
|
123 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x Ident { value: "--responsive", raw: "--responsive" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x Colon
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x WhiteSpace { value: " " }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x Ident { value: "true", raw: "true" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^^^^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | ,-> @container style(--responsive: true) {
|
|
120 | | #inner {
|
|
121 | | background-color: skyblue;
|
|
122 | | }
|
|
123 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:118:1]
|
|
118 |
|
|
119 | @container style(--responsive: true) {
|
|
: ^
|
|
120 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | ,-> #inner {
|
|
121 | | background-color: skyblue;
|
|
122 | `-> }
|
|
123 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | ,-> #inner {
|
|
121 | | background-color: skyblue;
|
|
122 | `-> }
|
|
123 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | #inner {
|
|
: ^^^^^^
|
|
121 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | #inner {
|
|
: ^^^^^^
|
|
121 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | #inner {
|
|
: ^^^^^^
|
|
121 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | #inner {
|
|
: ^^^^^^
|
|
121 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | #inner {
|
|
: ^^^^^^
|
|
121 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | #inner {
|
|
: ^^^^^^
|
|
121 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | ,-> #inner {
|
|
121 | | background-color: skyblue;
|
|
122 | `-> }
|
|
123 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:119:1]
|
|
119 | @container style(--responsive: true) {
|
|
120 | #inner {
|
|
: ^
|
|
121 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:120:1]
|
|
120 | #inner {
|
|
121 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
122 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:120:1]
|
|
120 | #inner {
|
|
121 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
122 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:120:1]
|
|
120 | #inner {
|
|
121 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
122 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:120:1]
|
|
120 | #inner {
|
|
121 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
122 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:120:1]
|
|
120 | #inner {
|
|
121 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
122 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:120:1]
|
|
120 | #inner {
|
|
121 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
122 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | ,-> @container card (inline-size > 30em) {
|
|
126 | | @container style(--responsive: true) {
|
|
127 | | #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | | }
|
|
130 | | }
|
|
131 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | ,-> @container card (inline-size > 30em) {
|
|
126 | | @container style(--responsive: true) {
|
|
127 | | #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | | }
|
|
130 | | }
|
|
131 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^^^^^^^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^^^^^^^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x CustomIdent
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^^^^^^^^^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | ,-> @container card (inline-size > 30em) {
|
|
126 | | @container style(--responsive: true) {
|
|
127 | | #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | | }
|
|
130 | | }
|
|
131 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:124:1]
|
|
124 |
|
|
125 | @container card (inline-size > 30em) {
|
|
: ^
|
|
126 | @container style(--responsive: true) {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | ,-> @container style(--responsive: true) {
|
|
127 | | #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | | }
|
|
130 | `-> }
|
|
131 | }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | ,-> @container style(--responsive: true) {
|
|
127 | | #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | | }
|
|
130 | `-> }
|
|
131 | }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x Ident { value: "--responsive", raw: "--responsive" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^^^^^^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x Colon
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x WhiteSpace { value: " " }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x Ident { value: "true", raw: "true" }
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^^^^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | ,-> @container style(--responsive: true) {
|
|
127 | | #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | | }
|
|
130 | `-> }
|
|
131 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:125:1]
|
|
125 | @container card (inline-size > 30em) {
|
|
126 | @container style(--responsive: true) {
|
|
: ^
|
|
127 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | ,-> #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | `-> }
|
|
130 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | ,-> #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | `-> }
|
|
130 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | #inner {
|
|
: ^^^^^^
|
|
128 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | #inner {
|
|
: ^^^^^^
|
|
128 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | #inner {
|
|
: ^^^^^^
|
|
128 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | #inner {
|
|
: ^^^^^^
|
|
128 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | #inner {
|
|
: ^^^^^^
|
|
128 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | #inner {
|
|
: ^^^^^^
|
|
128 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | ,-> #inner {
|
|
128 | | background-color: skyblue;
|
|
129 | `-> }
|
|
130 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:126:1]
|
|
126 | @container style(--responsive: true) {
|
|
127 | #inner {
|
|
: ^
|
|
128 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:127:1]
|
|
127 | #inner {
|
|
128 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
129 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:127:1]
|
|
127 | #inner {
|
|
128 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
129 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:127:1]
|
|
127 | #inner {
|
|
128 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
129 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:127:1]
|
|
127 | #inner {
|
|
128 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
129 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:127:1]
|
|
127 | #inner {
|
|
128 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
129 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:127:1]
|
|
127 | #inner {
|
|
128 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
129 | }
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x TypeSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x TagNameSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x WqName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x Function
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^^^^^^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^
|
|
`----
|
|
|
|
x CalcSum
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^^^^^^^^
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^^
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^
|
|
`----
|
|
|
|
x CalcOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^
|
|
`----
|
|
|
|
x CalcProductOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x CalcProduct
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x CalcValueOrOperator
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x CalcValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^^
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:132:1]
|
|
132 |
|
|
133 | @container(inline-size>=calc(200px)){h2{font-size:calc(1.2em + 1cqi)}}
|
|
: ^^^
|
|
`----
|
|
|
|
x Rule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | ,-> @container ( WIDTH <= 150px ) {
|
|
136 | | #inner {
|
|
137 | | background-color: skyblue;
|
|
138 | | }
|
|
139 | `-> }
|
|
`----
|
|
|
|
x AtRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | ,-> @container ( WIDTH <= 150px ) {
|
|
136 | | #inner {
|
|
137 | | background-color: skyblue;
|
|
138 | | }
|
|
139 | `-> }
|
|
`----
|
|
|
|
x AtRuleName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^^^^^^^^^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^^^^^^^^^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^^^^^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x Dimension
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^^^^^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x Length
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^^^^^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x Number
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^^^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | ,-> @container ( WIDTH <= 150px ) {
|
|
136 | | #inner {
|
|
137 | | background-color: skyblue;
|
|
138 | | }
|
|
139 | `-> }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:134:1]
|
|
134 |
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
: ^
|
|
136 | #inner {
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | ,-> #inner {
|
|
137 | | background-color: skyblue;
|
|
138 | `-> }
|
|
139 | }
|
|
`----
|
|
|
|
x QualifiedRule
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | ,-> #inner {
|
|
137 | | background-color: skyblue;
|
|
138 | `-> }
|
|
139 | }
|
|
`----
|
|
|
|
x SelectorList
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | #inner {
|
|
: ^^^^^^
|
|
137 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComplexSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | #inner {
|
|
: ^^^^^^
|
|
137 | background-color: skyblue;
|
|
`----
|
|
|
|
x CompoundSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | #inner {
|
|
: ^^^^^^
|
|
137 | background-color: skyblue;
|
|
`----
|
|
|
|
x SubclassSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | #inner {
|
|
: ^^^^^^
|
|
137 | background-color: skyblue;
|
|
`----
|
|
|
|
x IdSelector
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | #inner {
|
|
: ^^^^^^
|
|
137 | background-color: skyblue;
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | #inner {
|
|
: ^^^^^^
|
|
137 | background-color: skyblue;
|
|
`----
|
|
|
|
x SimpleBlock
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | ,-> #inner {
|
|
137 | | background-color: skyblue;
|
|
138 | `-> }
|
|
139 | }
|
|
`----
|
|
|
|
x LBrace
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:135:1]
|
|
135 | @container ( WIDTH <= 150px ) {
|
|
136 | #inner {
|
|
: ^
|
|
137 | background-color: skyblue;
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:136:1]
|
|
136 | #inner {
|
|
137 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
138 | }
|
|
`----
|
|
|
|
x Declaration
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:136:1]
|
|
136 | #inner {
|
|
137 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^^^^^^^^^^
|
|
138 | }
|
|
`----
|
|
|
|
x DeclarationName
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:136:1]
|
|
136 | #inner {
|
|
137 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
138 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:136:1]
|
|
136 | #inner {
|
|
137 | background-color: skyblue;
|
|
: ^^^^^^^^^^^^^^^^
|
|
138 | }
|
|
`----
|
|
|
|
x ComponentValue
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:136:1]
|
|
136 | #inner {
|
|
137 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
138 | }
|
|
`----
|
|
|
|
x Ident
|
|
,-[$DIR/tests/fixture/at-rule/container/input.css:136:1]
|
|
136 | #inner {
|
|
137 | background-color: skyblue;
|
|
: ^^^^^^^
|
|
138 | }
|
|
`----
|