Skip to content

Commit dc3dec9

Browse files
committed
[css-nesting] normalizing to tabs
1 parent b4fae7c commit dc3dec9

File tree

1 file changed

+29
-29
lines changed

1 file changed

+29
-29
lines changed

css-nesting-1/Overview.bs

+29-29
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)