Skip to content

Commit 5d578a9

Browse files
authored
[css-mixins-1] Remove mentions of @nest (w3c#10501)
1 parent e4ba280 commit 5d578a9

File tree

1 file changed

+8
-20
lines changed

1 file changed

+8
-20
lines changed

css-mixins-1/Overview.bs

Lines changed: 8 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -136,7 +136,7 @@ contains the same <<custom-property-name>> more than once,
136136
then the ''@function'' rule is invalid.
137137

138138
The body of a ''@function'' rule accepts [=conditional group rules=],
139-
such as ''@media'', as well as the ''@nest'' rule.
139+
such as ''@media''.
140140
Additionally, it accepts the following descriptors:
141141

142142
* The '@function/result' descriptor,
@@ -498,18 +498,6 @@ or acting as if nothing exists at that location otherwise.
498498
</pre>
499499
</div>
500500

501-
502-
Interaction with @nest {#at-nest}
503-
----------------------------
504-
505-
''@nest'' rules are valid within ''@function'',
506-
with the additional restriction
507-
that only descriptors allowed within ''@function''
508-
are allowed within the ''@nest'' rule.
509-
510-
A ''@nest'' rule within ''@function'' does nothing:
511-
it acts like its contents were present at its location.
512-
513501
<!-- Big Text: cssom
514502

515503
███▌ ███▌ ███▌ ███▌ █ █
@@ -534,7 +522,7 @@ interface CSSFunctionRule : CSSGroupingRule { };
534522
While declarations may be specified directly within a ''@function'' rule,
535523
they are not represented as such in the CSSOM.
536524
Instead, consecutive segments of declarations
537-
appear as if wrapped in ''@nest'' rules.
525+
appear as if wrapped in {{CSSNestedDeclarations}} rules.
538526

539527
Note: This also applies to the "leading" declarations in the ''@function'' rule,
540528
i.e those that do not follow another nested rule.
@@ -555,22 +543,22 @@ Note: This also applies to the "leading" declarations in the ''@function'' rule,
555543

556544
<pre class='lang-css'>
557545
@function --bar() {
558-
@nest {
546+
/* CSSNestedDeclarations { */
559547
--x: 42;
560548
result: var(--y);
561-
}
549+
/* } */
562550
@media (width > 1000px) {
563551
/* ... */
564552
}
565-
@nest {
553+
/* CSSNestedDeclarations { */
566554
--y: var(--x);
567-
}
555+
/* } */
568556
}
569557
</pre>
570558
</div>
571559

572-
Issue: Should we indeed use ''@nest'' for this purpose?
573-
The <code>style</code> attribute of the ''@nest'' rule
560+
Issue: Should we indeed use {{CSSNestedDeclarations}} for this purpose?
561+
The <code>style</code> attribute of the {{CSSNestedDeclarations}} rule
574562
should probably not be a regular {{CSSStyleDeclaration}},
575563
since only custom properties
576564
and the '@function/result' descriptor

0 commit comments

Comments
 (0)