Skip to content

Commit 693543d

Browse files
committed
[css-snappoints] Removing snap-list in favor of a list of lengths.
--HG-- extra : rebase_source : 53b020447bc961097324364ef9bf0907b4e599a8
1 parent 93837b4 commit 693543d

2 files changed

Lines changed: 13 additions & 13 deletions

File tree

css-snappoints/Overview.html

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@
5454
</p>
5555
<h1 class="p-name no-ref" id=title>CSS Scroll Snap Points Module Level 1</h1>
5656
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
57-
<span class=dt-updated><span class=value-title title=20140301>1 March 2014</span></span></span></h2>
57+
<span class=dt-updated><span class=value-title title=20140305>5 March 2014</span></span></span></h2>
5858
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-snappoints/>http://dev.w3.org/csswg/css-snappoints/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-snappoints/>http://dev.w3.org/csswg/css-snappoints/</a>
5959
<dt>Feedback:</dt>
6060
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-snappoints%5D%20feedback">www-style@w3.org</a>
@@ -376,15 +376,15 @@ <h2 class="heading settled heading" data-level=5 id=scroll-snap-points><span cla
376376
within the content of the <a data-link-type=dfn href=#scroll-container title="scroll container">scroll container</a> they are applied to,
377377
or to declare the scroll container as snapping to elements.
378378

379-
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-scroll-snap-points-x>scroll-snap-points-x<a class=self-link href=#propdef-scroll-snap-points-x></a></dfn>, <dfn class=css-code data-dfn-type=property data-export="" id=propdef-scroll-snap-points-y>scroll-snap-points-y<a class=self-link href=#propdef-scroll-snap-points-y></a></dfn><tr><th>Value:<td class=prod>snap-interval(<a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>) | snap-list(<a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>[ <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>]) | elements<tr><th>Initial:<td>snap-interval(0px 100%)<tr><th>Applies to:<td><a data-link-type=dfn href=#scroll-container title="scroll containers">scroll containers</a><tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>specified value, with lengths made absolute<tr><th>Percentages:<td>relative to same axis of the padding-box of the <a data-link-type=dfn href=#scroll-container title="scroll container">scroll container</a><tr><th>Animatable:<td>no</table>
379+
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-scroll-snap-points-x>scroll-snap-points-x<a class=self-link href=#propdef-scroll-snap-points-x></a></dfn>, <dfn class=css-code data-dfn-type=property data-export="" id=propdef-scroll-snap-points-y>scroll-snap-points-y<a class=self-link href=#propdef-scroll-snap-points-y></a></dfn><tr><th>Value:<td class=prod>snap-interval(<a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>) | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>+ | elements<tr><th>Initial:<td>snap-interval(0px 100%)<tr><th>Applies to:<td><a data-link-type=dfn href=#scroll-container title="scroll containers">scroll containers</a><tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>specified value, with lengths made absolute<tr><th>Percentages:<td>relative to same axis of the padding-box of the <a data-link-type=dfn href=#scroll-container title="scroll container">scroll container</a><tr><th>Animatable:<td>no</table>
380380
<dl data-dfn-for="snap-points-x, snap-points-y" data-dfn-type=value>
381381
<dt><dfn class=css-code data-dfn-for="snap-points-x, snap-points-y" data-dfn-type=value data-export="" id=valuedef-snap-intervallength-length>snap-interval(<a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>)<a class=self-link href=#valuedef-snap-intervallength-length></a></dfn>
382382
<dd>
383383
Defines a starting snap point and an interval at which additional snap points are defined.
384384
The first <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> is the starting snap point
385385
and the second is the interval to repeat thereafter.
386386

387-
<dt><dfn class=css-code data-dfn-for="snap-points-x, snap-points-y" data-dfn-type=value data-export="" id=valuedef-snap-listlength-length>snap-list(<a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>[ <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>])<a class=self-link href=#valuedef-snap-listlength-length></a></dfn>
387+
<dt><dfn class=css-code data-dfn-for="snap-points-x, snap-points-y" data-dfn-type=value data-export="" id=valuedef-length><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a>+<a class=self-link href=#valuedef-length></a></dfn>
388388
<dd>
389389
Defines one or more discrete snap points for the <a data-link-type=dfn href=#scroll-container title="scroll container">scroll container</a>,
390390
measured as lengths from the container’s relevant <a data-link-type=dfn href=http://dev.w3.org/csswg/css-writing-modes-3/#start title=start>start</a> edge.
@@ -418,8 +418,8 @@ <h2 class="heading settled heading" data-level=5 id=scroll-snap-points><span cla
418418
Express as position instead of length unit?
419419
</p>
420420

421-
<p class=issue id=issue-38ec5bc2><a class=self-link href=#issue-38ec5bc2></a>
422-
Is snap-list required, if we have element snapping? If yes, need a scenario justification. If no, remove.
421+
<p class=issue id=issue-6e6e685f><a class=self-link href=#issue-6e6e685f></a>
422+
Is the list format required, if we have element snapping? If yes, need a scenario justification. If no, remove.
423423
</p>
424424

425425
<h2 class="heading settled heading" data-level=6 id=scroll-snap-destination><span class=secno>6 </span><span class=content>Scroll Snap Destination: the <a class=property data-link-type=propdesc href=#propdef-scroll-snap-destination title=scroll-snap-destination>scroll-snap-destination</a> property</span><a class=self-link href=#scroll-snap-destination></a></h2>
@@ -631,6 +631,7 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
631631
Index</span><a class=self-link href=#index></a></h2>
632632
<div data-fill-with=index><ul class=indexlist>
633633
<li>elements, <a href=#valuedef-elements title="section 5">5</a>
634+
<li>&lt;length&gt;+, <a href=#valuedef-length title="section 5">5</a>
634635
<li>&lt;length&gt; &lt;length&gt;<ul><li>value for scroll-snap-destination, <a href=#valuedef-length-length0 title="section 6">6</a>
635636
<li>value for scroll-snap-coordinate, <a href=#valuedef-length-length title="section 7">7</a>
636637
</ul><li>mandatory, <a href=#valuedef-mandatory title="section 4">4</a>
@@ -644,15 +645,14 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
644645
<li>scroll-snap-points-y, <a href=#propdef-scroll-snap-points-y title="section 5">5</a>
645646
<li>scroll-snap-type, <a href=#propdef-scroll-snap-type title="section 4">4</a>
646647
<li>snap-interval(&lt;length&gt; &lt;length&gt;), <a href=#valuedef-snap-intervallength-length title="section 5">5</a>
647-
<li>snap-list(&lt;length&gt;[ &lt;length&gt;]), <a href=#valuedef-snap-listlength-length title="section 5">5</a>
648648
</ul></div>
649649

650650
<h2 class="no-num no-ref heading settled heading" id=property-index><span class=content>
651651
Property index</span><a class=self-link href=#property-index></a></h2>
652652
<div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Animatable<th scope=col>Computed value<tbody>
653653
<tr><th scope=row><a data-property="">scroll-snap-type</a><td>none | mandatory | proximity<td>none<td>scroll containers<td>no<td>n/a<td>interactive<td>no<td>specified value
654-
<tr><th scope=row><a data-property="">scroll-snap-points-x</a><td>snap-interval(&lt;length&gt; &lt;length&gt;) | snap-list(&lt;length&gt;[ &lt;length&gt;]) | elements<td>snap-interval(0px 100%)<td>scroll containers<td>no<td>relative to same axis of the padding-box of the scroll container<td>interactive<td>no<td>specified value, with lengths made absolute
655-
<tr><th scope=row><a data-property="">scroll-snap-points-y</a><td>snap-interval(&lt;length&gt; &lt;length&gt;) | snap-list(&lt;length&gt;[ &lt;length&gt;]) | elements<td>snap-interval(0px 100%)<td>scroll containers<td>no<td>relative to same axis of the padding-box of the scroll container<td>interactive<td>no<td>specified value, with lengths made absolute
654+
<tr><th scope=row><a data-property="">scroll-snap-points-x</a><td>snap-interval(&lt;length&gt; &lt;length&gt;) | &lt;length&gt;+ | elements<td>snap-interval(0px 100%)<td>scroll containers<td>no<td>relative to same axis of the padding-box of the scroll container<td>interactive<td>no<td>specified value, with lengths made absolute
655+
<tr><th scope=row><a data-property="">scroll-snap-points-y</a><td>snap-interval(&lt;length&gt; &lt;length&gt;) | &lt;length&gt;+ | elements<td>snap-interval(0px 100%)<td>scroll containers<td>no<td>relative to same axis of the padding-box of the scroll container<td>interactive<td>no<td>specified value, with lengths made absolute
656656
<tr><th scope=row><a data-property="">scroll-snap-destination</a><td>&lt;length&gt; &lt;length&gt;<td>0px<td>scroll containers<td>no<td>relative to width and height of the padding-box of the scroll container<td>interactive<td>yes<td>specified value, with lengths made absolute
657657
<tr><th scope=row><a data-property="">scroll-snap-coordinate</a><td>none | &lt;length&gt; &lt;length&gt;<td>none<td>all elements<td>no<td>refer to the element box used by the box-sizing property<td>interactive<td>yes<td>specified value, with lengths made absolute</table></div>
658658

@@ -702,8 +702,8 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
702702
<a href=#issue-9038d543></a></div>
703703

704704
<div class=issue>
705-
Is snap-list required, if we have element snapping? If yes, need a scenario justification. If no, remove.
706-
<a href=#issue-38ec5bc2></a></div>
705+
Is the list format required, if we have element snapping? If yes, need a scenario justification. If no, remove.
706+
<a href=#issue-6e6e685f></a></div>
707707

708708
<div class=issue>
709709
Clarify "leading edge" -- want this to respond appropriately to writing modes

css-snappoints/Overview.src.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -278,7 +278,7 @@ <h2 id="scroll-snap-points">Scroll Snap Points: the 'scroll-snap-points-x' and '
278278

279279
<pre class="propdef">
280280
Name: scroll-snap-points-x, scroll-snap-points-y
281-
Value: snap-interval(<<length>> <<length>>) | snap-list(<<length>>[ <<length>>]) | elements
281+
Value: snap-interval(<<length>> <<length>>) | <<length>>+ | elements
282282
Initial: snap-interval(0px 100%)
283283
Applies to: <a>scroll containers</a>
284284
Inherited: no
@@ -295,7 +295,7 @@ <h2 id="scroll-snap-points">Scroll Snap Points: the 'scroll-snap-points-x' and '
295295
The first <<length>> is the starting snap point
296296
and the second is the interval to repeat thereafter.
297297

298-
<dt><dfn>snap-list(<<length>>[ <<length>>])</dfn>
298+
<dt><dfn><<length>>+</dfn>
299299
<dd>
300300
Defines one or more discrete snap points for the <a>scroll container</a>,
301301
measured as lengths from the container's relevant <a>start</a> edge.
@@ -330,7 +330,7 @@ <h2 id="scroll-snap-points">Scroll Snap Points: the 'scroll-snap-points-x' and '
330330
</p>
331331

332332
<p class="issue">
333-
Is snap-list required, if we have element snapping? If yes, need a scenario justification. If no, remove.
333+
Is the list format required, if we have element snapping? If yes, need a scenario justification. If no, remove.
334334
</p>
335335

336336
<h2 id="scroll-snap-destination">Scroll Snap Destination: the 'scroll-snap-destination' property</h2>

0 commit comments

Comments
 (0)