Skip to content

Commit a51bee5

Browse files
committed
[css-snappoints] List syntax for scroll-snap-points should be comma separated.
1 parent 6f2e8b7 commit a51bee5

2 files changed

Lines changed: 4 additions & 4 deletions

File tree

css-snappoints/Overview.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -376,7 +376,7 @@ <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>) | <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>
@@ -651,8 +651,8 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
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;) | &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
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

css-snappoints/Overview.src.html

Lines changed: 1 addition & 1 deletion
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>>) | <<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

0 commit comments

Comments
 (0)