8000 [css-nesting] normalizing to tabs · Kellyjo152/csswg-drafts@dc3dec9 · GitHub
Skip to content

Commit dc3dec9

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

1 file changed

Lines changed: 29 additions & 29 deletions

File tree

  • css-nesting-1

    • ‎css-nesting-1/Overview.bs‎

    Lines changed: 29 additions & 29 deletions
    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)