Skip to content

Commit 5fa614d

Browse files
committed
[css-snappoints] clarification on animatability
1 parent 1a0f7de commit 5fa614d

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

css-snappoints/Overview.bs

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -324,7 +324,7 @@ Scroll Snap Padding: the 'scroll-snap-padding' property {#scroll-snap-padding}
324324
Percentages: relative to the corresponding dimension of the scroll container's visual viewport
325325
Media: interactive
326326
Computed value: as specified, with lengths made absolute
327-
Animatable: yes
327+
Animatable: as length, percentage, or calc
328328
</pre>
329329

330330
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>.
@@ -384,7 +384,7 @@ Scroll Snap Margin: the 'scroll-snap-margin' property {#scroll-snap-margin}
384384
Percentages: n/a
385385
Media: interactive
386386
Computed value: as specified, with lengths made absolute
387-
Animatable: yes
387+
Animatable: as length
388388
</pre>
389389

390390
The 'scroll-snap-margin' property defines the <a>scroll snap margin</a> on elements within a <a>scroll container</a>, used in calculating <a>snap positions</a> for that scroll container.
@@ -471,7 +471,7 @@ Physical Longhands for 'scroll-snap-padding' {#padding-longhands-physical}
471471
Percentages: relative to the scroll container's visual viewport
472472
Media: interactive
473473
Computed value: as specified, with lengths made absolute
474-
Animatable: yes
474+
Animatable: as length, percentage, or calc
475475
</pre>
476476

477477
These <a>longhands</a> of 'scroll-snap-padding' specify the top, right, bottom, and left edges of the <a>snap alignment container</a>, respectively.
@@ -488,7 +488,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
488488
Percentages: relative to the scroll container's visual viewport
489489
Media: interactive
490490
Computed value: as specified, with lengths made absolute
491-
Animatable: yes
491+
Animatable: as length, percentage, or calc
492492
</pre>
493493

494494
These <a>longhands</a> of 'scroll-snap-padding' specify the block-start, inline-start, block-end, and inline-end edges of the <a>snap alignment container</a>, respectively.
@@ -502,7 +502,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
502502
Percentages: relative to the scroll container's visual viewport
503503
Media: interactive
504504
Computed value: as specified, with lengths made absolute
505-
Animatable: yes
505+
Animatable: as length, percentage, or calc
506506
</pre>
507507

508508
These <a>shorthands</a> of 'scroll-snap-padding-block-start' + 'scroll-snap-padding-block-end' and 'scroll-snap-padding-inline-start' + 'scroll-snap-padding-inline-end' are <a>longhands</a> of 'scroll-snap-padding', and specify the block-axis and inline-axis edges of the <a>snap alignment container</a>, respectively.
@@ -521,7 +521,7 @@ Physical Longhands for 'scroll-snap-margin' {#margin-longhands-physical}
521521
Percentages: n/a
522522
Media: interactive
523523
Computed value: as specified, with lengths made absolute
524-
Animatable: yes
524+
Animatable: as length
525525
</pre>
526526

527527
These <a>longhands</a> of 'scroll-snap-margin' specify the top, right, bottom, and left edges of the <a>scroll snap margin</a>, respectively.
@@ -538,7 +538,7 @@ Flow-relative Longhands for 'scroll-snap-margin' {#margin-longhands-logical}
538538
Percentages: n/a
539539
Media: interactive
540540
Computed value: as specified, with lengths made absolute
541-
Animatable: yes
541+
Animatable: as length
542542
</pre>
543543

544544
These <a>longhands</a> of 'scroll-snap-margin' specify the block-start, inline-start, block-end, and inline-end edges of the <a>scroll snap margin</a>, respectively.
@@ -552,7 +552,7 @@ Flow-relative Longhands for 'scroll-snap-margin' {#margin-longhands-logical}
552552
Percentages: n/a
553553
Media: interactive
554554
Computed value: as specified, with lengths made absolute
555-
Animatable: yes
555+
Animatable: as length
556556
</pre>
557557

558558
These <a>shorthands</a> of 'scroll-snap-margin-block-start' + 'scroll-snap-margin-block-end' and 'scroll-snap-margin-inline-start' + 'scroll-snap-margin-inline-end' are <a>longhands</a> of 'scroll-snap-margin', and specify the block-axis and inline-axis edges of the <a>scroll snap margin</a>, respectively.

0 commit comments

Comments
 (0)