Skip to content

Commit e3ed017

Browse files
committed
More text about creating new names for slots with '::slot()'.
1 parent b64672b commit e3ed017

1 file changed

Lines changed: 16 additions & 1 deletion

File tree

css3-layout/new.src.html

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1191,6 +1191,11 @@ <h2 id=positioning>
11911191
grammar</abbr>
11921192
</table>
11931193

1194+
<p>All content positioned into the same slot, whether positioned by
1195+
name ('position: a'), by coordinates ('position: 2 3') or implicitly
1196+
by flowing into the default slot, forms a single flow, with content in
1197+
document order.
1198+
11941199
<div class=issue>
11951200
<p>css3-grid-align allows to define a position either by saying how
11961201
many rows/columns it spans, or by saying at which row and column
@@ -1270,7 +1275,8 @@ <h2 id=slot-pseudo>The ''::slot()'' pseudo-element</h2>
12701275
</div>
12711276

12721277
<p class=issue>The ''::slot()'' pseudo-element can also be used to
1273-
create slots that overlap with other slots.
1278+
create slots that overlap with other slots and to create alternative
1279+
(alias) names for slots.
12741280

12751281
<div class="example issue">
12761282
<p>For example, the following creates a slot that overlaps two other
@@ -1285,6 +1291,15 @@ <h2 id=slot-pseudo>The ''::slot()'' pseudo-element</h2>
12851291
</pre>
12861292
</div>
12871293

1294+
<p>If a '::slot()' pseudo-element refers to a name that already exists
1295+
in the element's grid element, than any 'position' property on that
1296+
pseudo-element is ignored.
1297+
1298+
<p>If a '::slot()' pseudo-element defines a new slot that coincides
1299+
exactly with another slot in the element's grid element, then it is in
1300+
fact the same slot, and the new name is an alias for that
1301+
slot. <span class=issue>Unless it has a different 'z-index'?</span>
1302+
12881303
<p>The selector ''<var>E</var>::slot(<var>X</var>)'' selects the part
12891304
of an element <var>E</var> that falls inside the slot with name
12901305
<var>X</var> of a template <var>T</var>, where <var>T</var> is either

0 commit comments

Comments
 (0)