@@ -203,36 +203,36 @@ Direct Nesting {#direct}
203203 & > .bar { color: red; }
204204 }
205205 /* equivalent to
206- .foo { color: blue; }
207- .foo > .bar { color: red; }
206+ .foo { color: blue; }
207+ .foo > .bar { color: red; }
208208 */
209209
210210 .foo {
211211 color: blue;
212212 &.bar { color: red; }
213213 }
214214 /* equivalent to
215- .foo { color: blue; }
216- .foo.bar { color: red; }
215+ .foo { color: blue; }
216+ .foo.bar { color: red; }
217217 */
218218
219219 .foo, .bar {
220220 color: blue;
221221 & + .baz, &.qux { color: red; }
222222 }
223223 /* equivalent to
224- .foo, .bar { color: blue; }
225- :is(.foo, .bar) + .baz,
226- :is(.foo, .bar).qux { color: red; }
224+ .foo, .bar { color: blue; }
225+ :is(.foo, .bar) + .baz,
226+ :is(.foo, .bar).qux { color: red; }
227227 */
228228
229229 .foo {
230230 color: blue;
231231 & .bar & .baz & .qux { color: red; }
232232 }
233233 /* equivalent to
234- .foo { color: blue; }
235- .foo .bar .foo .baz .foo .qux { color: blue; }
234+ .foo { color: blue; }
235+ .foo .bar .foo .baz .foo .qux { color: blue; }
236236 */
237237
238238 .foo {
@@ -245,24 +245,24 @@ Direct Nesting {#direct}
245245
246246 // and
247247
248- .foo {
249- color: blue;
250- padding: 2ch;
251- }
248+ .foo {
249+ color: blue;
250+ padding: 2ch;
251+ }
252252 */
253253
254254 .error, #404 {
255255 &:not(.foo,.bar) > .baz { color: red; }
256256 }
257257 /* equivalent to
258- :is(.error, #404):not(.foo,.bar) > .baz { color: red; }
258+ :is(.error, #404):not(.foo,.bar) > .baz { color: red; }
259259 */
260260
261261 .foo {
262262 &:is(.bar, &.baz) { color: red; }
263263 }
264264 /* equivalent to
265- .foo:is(.bar, .foo.baz) { color: red; }
265+ .foo:is(.bar, .foo.baz) { color: red; }
266266 */
267267
268268 figure {
@@ -277,9 +277,9 @@ Direct Nesting {#direct}
277277 }
278278 }
279279 /* equivalent to
280- figure { margin: 0; }
281- figure > figcaption { background: hsl(0 0% 0% / 50%); }
282- figure > figcaption > p { font-size: .9rem; }
280+ figure { margin: 0; }
281+ figure > figcaption { background: hsl(0 0% 0% / 50%); }
282+ figure > figcaption > p { font-size: .9rem; }
283283 */
284284
285285 main {
@@ -293,8 +293,8 @@ Direct Nesting {#direct}
293293 }
294294 }
295295 /* equivalent to
296- main > :is(section, article) { background: white; }
297- main > :is(section, article) > header { font-size: 1.25rem; }
296+ main > :is(section, article) { background: white; }
297+ main > :is(section, article) > header { font-size: 1.25rem; }
298298 */
299299 </pre>
300300
@@ -318,14 +318,14 @@ Direct Nesting {#direct}
318318 &&.bar { color: blue; }
319319 }
320320 /* Invalid because the 1st & is no longer
321- at the start of a compound selector */
321+ at the start of a compound selector */
322322
323323 .foo {
324324 color: red;
325325 &.bar, .baz { color: blue; }
326326 }
327327 /* Invalid because the second selector in the list doesn't
328- contain a nesting selector. */
328+ contain a nesting selector. */
329329 </pre>
330330 </div>
331331
@@ -383,8 +383,8 @@ The Nesting At-Rule: ''@nest'' {#at-nest}
383383 }
384384 }
385385 /* equivalent to
386- .foo { color: red; }
387- .foo > .bar { color: blue; }
386+ .foo { color: red; }
387+ .foo > .bar { color: blue; }
388388 */
389389
390390 .foo {
@@ -394,8 +394,8 @@ The Nesting At-Rule: ''@nest'' {#at-nest}
394394 }
395395 }
396396 /* equivalent to
397- .foo { color: red; }
398- .parent .foo { color: blue; }
397+ .foo { color: red; }
398+ .parent .foo { color: blue; }
399399 */
400400
401401 .foo {
@@ -405,8 +405,8 @@ The Nesting At-Rule: ''@nest'' {#at-nest}
405405 }
406406 }
407407 /* equivalent to
408- .foo { color: red; }
409- :not(.foo) { color: blue; }
408+ .foo { color: red; }
409+ :not(.foo) { color: blue; }
410410 */
411411 </pre>
412412
@@ -428,7 +428,7 @@ The Nesting At-Rule: ''@nest'' {#at-nest}
428428 }
429429 }
430430 /* Invalid because not all selectors in the list
431- contain a nesting selector */
431+ contain a nesting selector */
432432 </pre>
433433 </div>
434434
0 commit comments