Skip to content

Commit 864444e

Browse files
committed
[css-snappoints] Some wording updates
1 parent 3655c9d commit 864444e

File tree

1 file changed

+3
-11
lines changed

1 file changed

+3
-11
lines changed

css-snappoints/Overview.bs

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -188,17 +188,15 @@ Overview {#overview}
188188
as a particular alignment ('scroll-snap-align')
189189
of an element's <a>scroll snap margin</a> ('scroll-snap-margin', defaulting to its border box)
190190
within the <a>scroll container</a>’s <a>snap alignment container</a>
191-
(the rectangle obtained by reducing its visual viewport by its 'scroll-snap-padding').
191+
(its visual viewport, as reduced by its 'scroll-snap-padding').
192192
This is conceptually equivalent to specifying the alignment of
193193
an <a>alignment subject</a> within an <a>alignment container</a>.
194194
A scroll position that satisfies the specified alignment
195195
is a <a>snap position</a>.
196196

197197
The CSS Scroll Snap Module intentionally does not specify nor mandate any precise animations or physics used in <a>snapping</a>; this is left up to the user agent.
198198

199-
<a>Snap positions</a> must only affect the nearest ancestor
200-
(on the element's <a>containing block chain</a>)
201-
<a>scroll container</a>.
199+
<a>Snap positions</a> only affect the nearest ancestor <a>scroll container</a> on the element's <a>containing block chain</a>.
202200

203201
<!--
204202
████████ ████████ ████████ ████ ██ ██ ████ ████████ ████ ███████ ██ ██ ██████
@@ -327,13 +325,7 @@ Scroll Snap Padding: the 'scroll-snap-padding' property {#scroll-snap-padding}
327325
Animatable: as length, percentage, or calc
328326
</pre>
329327

330-
The 'scroll-snap-padding' property defines the <a>snap alignment container</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snap alignment container is used as the alignment container when calculating <a>snap positions</a>.
331-
332-
<dl dfn-type="value" dfn-for="scroll-snap-padding">
333-
<dt><dfn>[ <<length>> | <<percentage>> ]{1,4}</dfn>
334-
<dd>
335-
Specifies the region inset from the visual viewport. Values are interpreted as for 'padding', and specify inward offsets from each edge of the visual viewport.
336-
</dl>
328+
The 'scroll-snap-padding' property defines the <a>snap alignment container</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snap alignment container is used as the alignment container when calculating <a>snap positions</a>. Values are interpreted as for 'padding', and specify inward offsets from each edge of the visual viewport.
337329

338330
<div class="example">
339331
In this example, scroll-snap-padding is used to center slideshow images within the portion of the viewport that is not obscured by a fixed-position toolbar.

0 commit comments

Comments
 (0)