Skip to content

Commit db91fef

Browse files
committed
[css-exclusions-1][editorial] Fixed Bikeshed issues
1 parent f3eff97 commit db91fef

File tree

1 file changed

+18
-15
lines changed

1 file changed

+18
-15
lines changed

css-exclusions-1/Overview.bs

Lines changed: 18 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ Abstract: CSS Exclusions define arbitrary areas around which inline content ([[!
1818
Ignored Terms: div, dl, dfn
1919
</pre>
2020
<pre class=link-defaults>
21+
spec:css-lists-3; type:value; text:outside
2122
spec:css-position-3; type:value; text:fixed
2223
</pre>
2324

@@ -103,7 +104,7 @@ Terminology</h2>
103104
<dd>
104105
The <a>content area</a> is normally used for layout of the inline flow content of a box.
105106

106-
<dt><dfn>Wrapping area</dfn>
107+
<dt><dfn export>Wrapping area</dfn>
107108
<dd>
108109
The area used for layout of inline flow content of a box affected by a
109110
<span>wrapping context</span>, defined by subtracting the <span>wrapping
@@ -146,6 +147,7 @@ The 'wrap-flow' property</h4>
146147
Inherited: no
147148
Percentages: N/A
148149
Computed value: as specified except for element's whose 'float' computed value is not ''float/none'', in which case the computed value is ''auto''.
150+
Animation type: discrete
149151
</pre>
150152

151153
The values of this property have the following meanings:
@@ -203,7 +205,7 @@ The 'wrap-flow' property</h4>
203205
block's descendants to wrap around its <a>exclusion area</a>.
204206

205207
<figure>
206-
<img alt="LTR text wrapping on left edge, RTL text wrapping on right edge, and vertical text wrapping on top edge." src="images/exclusion-writing-modes.png" style="width: 70%">
208+
<img alt="LTR text wrapping on left edge, RTL text wrapping on right edge, and vertical text wrapping on top edge." src="images/exclusion-writing-modes.png" width="738" height="525" style="width: 70%">
207209
<figcaption>Exclusion with 'wrap-flow': ''start'' interacting with various
208210
writing modes.</figcaption>
209211
</figure>
@@ -215,7 +217,7 @@ The 'wrap-flow' property</h4>
215217
context</a> (see [[!CSS2]]) for its content.
216218

217219
<figure>
218-
<img alt="General illustration showing how exclusions combine" src="images/exclusions-illustration.png" style="width: 70%">
220+
<img alt="General illustration showing how exclusions combine" src="images/exclusions-illustration.png" width="600" height="400" style="width: 70%">
219221
<figcaption>Combining exclusions</figcaption>
220222
</figure>
221223

@@ -284,31 +286,31 @@ The 'wrap-flow' property</h4>
284286
<td><code class="html">.exclusion{ wrap-flow: both; }</code></td>
285287
</tr>
286288
<tr>
287-
<td><img src="images/exclusion_wrap_side_auto.png" alt="Example rendering for wrap-side: auto"></td>
288-
<td><img src="images/exclusion_wrap_side_both.png" alt="Example rendering for wrap-side: both"></td>
289+
<td><img src="images/exclusion_wrap_side_auto.png" alt="Example rendering for wrap-side: auto" width="395" height="394"></td>
290+
<td><img src="images/exclusion_wrap_side_both.png" alt="Example rendering for wrap-side: both" width="395" height="394"></td>
289291
</tr>
290292
<tr>
291293
<td><code class="html">.exclusion{ wrap-flow: start; }</code></td>
292294
<td><code class="html">.exclusion{ wrap-flow: end; }</code></td>
293295
</tr>
294296
<tr>
295-
<td><img src="images/exclusion_wrap_side_left.png" alt="Example rendering for wrap-side: start"></td>
296-
<td><img src="images/exclusion_wrap_side_right.png" alt="Example rendering for wrap-side: end"></td>
297+
<td><img src="images/exclusion_wrap_side_left.png" alt="Example rendering for wrap-side: start" width="395" height="394"></td>
298+
<td><img src="images/exclusion_wrap_side_right.png" alt="Example rendering for wrap-side: end" width="395" height="394"></td>
297299
</tr>
298300
<tr>
299301
<td><code class="html">.exclusion{ wrap-flow: minimum; }</code></td>
300302
<td><code class="html">.exclusion{ wrap-flow: maximum; }</code></td>
301303
</tr>
302304
<tr>
303-
<td><img src="images/exclusion_wrap_side_minimum.png" alt="Example rendering for wrap-side: minimum"></td>
304-
<td><img src="images/exclusion_wrap_side_maximum.png" alt="Example rendering for wrap-side: maximum"></td>
305+
<td><img src="images/exclusion_wrap_side_minimum.png" alt="Example rendering for wrap-side: minimum" width="395" height="394"></td>
306+
<td><img src="images/exclusion_wrap_side_maximum.png" alt="Example rendering for wrap-side: maximum" width="395" height="394"></td>
305307
</tr>
306308
<tr>
307309
<td><code class="html">.exclusion{ wrap-flow: clear; }</code></td>
308310
<td></td>
309311
</tr>
310312
<tr>
311-
<td><img src="images/exclusion_wrap_side_clear.png" alt="Example rendering for wrap-side: clear"></td>
313+
<td><img src="images/exclusion_wrap_side_clear.png" alt="Example rendering for wrap-side: clear" width="395" height="394"></td>
312314
<td></td>
313315
</tr>
314316
</table>
@@ -364,6 +366,7 @@ Applies to: block-level elements
364366
Inherited: no
365367
Percentages: N/A
366368
Computed value: as specified
369+
Animation type: discrete
367370
</pre>
368371

369372
The values of this property have the following meanings:
@@ -435,7 +438,7 @@ The values of this property have the following meanings:
435438
&lt;/div&gt;
436439
</code></pre>
437440

438-
<img class="singleImgExample" src="images/exclusion_wrap_through.png" alt="Example rendering of wrap-through: wrap | none" style="max-width:40%">
441+
<img class="singleImgExample" src="images/exclusion_wrap_through.png" alt="Example rendering of wrap-through: wrap | none" width="386" height="303" style="max-width:40%">
439442
</div>
440443

441444
<!-- End section "wrap-through property" -->
@@ -498,8 +501,8 @@ Exclusions order</h3>
498501
<td style="width:50%"><code class="html">.middle { z-index: 1; }</code></td>
499502
</tr>
500503
<tr>
501-
<td><img class="singleImgExample" src="images/exclusion_ordering.png" alt="Example rendering of default exclusion ordering."></td>
502-
<td><img class="singleImgExample" src="images/exclusion_ordering_z_order.png" alt="Example rendering of default exclusion ordering."></td>
504+
<td><img class="singleImgExample" src="images/exclusion_ordering.png" alt="Example rendering of default exclusion ordering." width="454" height="462"></td>
505+
<td><img class="singleImgExample" src="images/exclusion_ordering_z_order.png" alt="Example rendering of default exclusion ordering." width="454" height="462"></td>
503506
</tr>
504507
</table>
505508
</div>
@@ -773,7 +776,7 @@ Resolving RWC-1</h6>
773776
laid out to resolve the <code class="idl">e2</code> exclusion's position
774777
because it is absolutely positioned and its size can be resolved without
775778
layout either. At this point, RWC-1 is resolved and can be used when laying
776-
inline content out.</p>
779+
inline content out.
777780

778781
<h6 id="example-resolving-rwc-2">
779782
Resolving RWC-2</h6>
@@ -853,7 +856,7 @@ Effect of exclusions on floats</h5>
853856

854857
<p>No new privacy considerations have been reported on this specification.</p>
855858

856-
<h3 id="security" class="no-num">
859+
<h2 id="security" class="no-num">
857860
Security Considerations</h2>
858861

859862
<p>No new security considerations have been reported on this specification.</p>

0 commit comments

Comments
 (0)