Skip to content

Commit 480da86

Browse files
committed
[css-snappoints] Removing scroll-snap-coordinate and scroll-snap-destination definitions. Updating example markup to use new syntax is still TBD
1 parent 1b960f8 commit 480da86

1 file changed

Lines changed: 0 additions & 53 deletions

File tree

css-snappoints/Overview.src.html

Lines changed: 0 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -310,59 +310,6 @@ <h2 id="scroll-snap-align">Scroll Snap Align: the 'scroll-snap-align' property</
310310
The scroll offset which aligns the center of this box's scroll snap area with the center of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
311311
</dl>
312312

313-
<h2 id="scroll-snap-destination">Scroll Snap Destination: the 'scroll-snap-destination' property</h2>
314-
315-
The 'scroll-snap-destination' property is used to define the x and y coordinate within the <a>scroll container's</a> visual viewport
316-
which element snap points will align with.
317-
318-
<pre class="propdef">
319-
Name: scroll-snap-destination
320-
Value: <<position>>
321-
Initial: 0px 0px
322-
Applies to: <a>scroll containers</a>
323-
Inherited: no
324-
Percentages: relative to width and height of the padding-box of the <a>scroll container</a>
325-
Media: interactive
326-
Computed value: specified value, with lengths made absolute
327-
Animatable: yes
328-
</pre>
329-
330-
<dl dfn-type="value" dfn-for="scroll-snap-destination">
331-
<dt><dfn><<position>></dfn>
332-
<dd>
333-
Specifies the offset of the snap destination from the start edge of the <a>scroll container's</a> visual viewport. The first value gives the x coordinate of the snap destination, the second value its y coordinate.
334-
</dl>
335-
336-
<h2 id="scroll-snap-coordinate">Scroll Snap Coordinate: the 'scroll-snap-coordinate' property</h2>
337-
338-
The 'scroll-snap-coordinate' property is used to define a coordinate within an element. This coordinate is then associated with the nearest ancestor element which is a <a>scroll container</a> or has a scroll-snap-type that is not "none". If it is associated with a <a>scroll container</a>, then that <a>scroll container</a> is considered to be snapped to that element if its scroll offset is such that the coordinate and destination are aligned. In the case that the element has been transformed, the snap coordinate is also transformed in the same way (such that the snap-point is aligned with the element as-drawn).
339-
340-
<p class="issue">
341-
Consider alternative naming besides "coordinate". Consider naming conventions like in Grid Layout for grouping properties on the container vs. items.
342-
</p>
343-
344-
<pre class="propdef">
345-
Name: scroll-snap-coordinate
346-
Value: none | [ border-box | margin-box ]? <<position>>
347-
Initial: none
348-
Applies to: all elements
349-
Inherited: no
350-
Percentages: refer to the specified element box
351-
Media: interactive
352-
Computed value: specified value, with lengths made absolute
353-
Animatable: yes
354-
</pre>
355-
356-
<dl dfn-type=value dfn-for="scroll-snap-coordinate">
357-
<dt><dfn>none</dfn>
358-
<dd>
359-
Specifies that this element does not contribute a snap point.
360-
361-
<dt><dfn>[ border-box | margin-box ]? <<position>></dfn>
362-
<dd>
363-
Specifies the offset of the snap coordinate from the start edge of the element's specified box. If the box argument is omitted it defaults to border-box.
364-
</dl>
365-
366313
<h2 class=no-num id="acknowledgments">Acknowledgments</h2>
367314

368315
Many thanks to lots of people for their proposals and recommendations, some of which are incorporated into this document.

0 commit comments

Comments
 (0)