Skip to content

Commit 5f67e1f

Browse files
committed
[css3-layout] Added some more properties that apply to ::slot(). Added
that slots rotate depending on 'writing-mode', but the grid itself does not. --HG-- extra : rebase_source : b84071fd136f12e617c1066f86d130f98a27034e
1 parent 94fa498 commit 5f67e1f

1 file changed

Lines changed: 24 additions & 1 deletion

File tree

css-template/Overview.src.html

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2237,6 +2237,10 @@ <h2 id=absolute>Elements with 'display' or ''grid'' or
22372237
automatically with either extra rows or extra columns, if there are
22382238
more children than predefined slots.
22392239

2240+
<p>Note that the template of a grid container is also mirrored and/or
2241+
rotated depending on the 'writing-mode' and 'direction' of the grid
2242+
container, unlike the template of a grid element.
2243+
22402244
<!--=================================================================-->
22412245

22422246
<h2>Styling slots</h2>
@@ -2269,6 +2273,8 @@ <h3 id=slot-pseudo>The ''::slot()'' pseudo-element</h3>
22692273
<ul>
22702274
<li>background properties
22712275

2276+
<li>'box-shadow'
2277+
22722278
<li>'vertical-align' (see <a href="#vertical-alignment" >“vertical
22732279
alignment”</a> below)
22742280

@@ -2287,6 +2293,8 @@ <h3 id=slot-pseudo>The ''::slot()'' pseudo-element</h3>
22872293

22882294
<li>margin properties
22892295

2296+
<li>outline properties
2297+
22902298
<li>'box-decoration-break'
22912299

22922300
<li>column properties
@@ -2296,6 +2304,12 @@ <h3 id=slot-pseudo>The ''::slot()'' pseudo-element</h3>
22962304

22972305
<li>'opacity'
22982306

2307+
<li>transform properties
2308+
2309+
<li>mask properties
2310+
2311+
<li>'filter'
2312+
22992313
<li>'content' (see <a href="#content" >“Slots and the 'content'
23002314
property”</a> below)
23012315
</ul>
@@ -3949,7 +3963,7 @@ <h4 id=select-after-pseudo>Style the contents of slots (region-based
39493963

39503964
<h4>Orient the grid with writing mode vs orient the slots</h4>
39513965

3952-
<p>A grid can contain vertical text, but the grid itself probably
3966+
<p>A grid can contain vertical text, but the grid itself
39533967
doesn't need to be rotated or flipped. Indeed, it would be confusing
39543968
if it did. In other words, the following element has vertical text in
39553969
the top right slot and an image in the bottom right slot:
@@ -3967,6 +3981,15 @@ <h4>Orient the grid with writing mode vs orient the slots</h4>
39673981
themselves can have a writing mode (by default the one “inherited”
39683982
from the grid element).
39693983

3984+
<p>This is different for <em>container elements,</em> i.e., elements
3985+
with a 'display' of ''grid'' or ''inline-grid'', as those are designed
3986+
for graphical user interfaces, where it is sometimes useful to swap a
3987+
row of buttons, e.g., in a different language. Grids inside other
3988+
elements (''block'', ''list-item'', ''inline-block'', ''table-cell'',
3989+
etc.) are more likely to depend on the orientation of the page
3990+
(landscape/portrait, recto/verso); but that has to be handled
3991+
explicitly by the designer by means of media queries and selectors.
3992+
39703993
<!--=================================================================-->
39713994

39723995
<h4>Indicating the default slot ('*' vs '@')</h4>

0 commit comments

Comments
 (0)