[css-snappoints] 'snap alignment container' -> 'snapport' per WG resolution 5/4/2016

Author: ChumpChief

css-snappoints/Overview.bs

@@ -113,7 +113,7 @@ Motivating Examples {#examples}
 
             <figcaption>
                 The layout of the scroll container's contents in the example.
-                The snap alignment container is represented by the red rectangle, and the snap area is represented by the yellow rectangle.  Since the scroll-snap-align is "center" in the X axis, a snap position is established at each scroll offset which aligns the X-center of the snap alignment container (represented by a red dotted line) with the X-center of a snap area (represented by a yellow dotted line).
+                The snapport is represented by the red rectangle, and the snap area is represented by the yellow rectangle.  Since the scroll-snap-align is "center" in the X axis, a snap position is established at each scroll offset which aligns the X-center of the snapport (represented by a red dotted line) with the X-center of a snap area (represented by a yellow dotted line).
             </figcaption>
         </figure>
     </div>
@@ -158,7 +158,7 @@ Motivating Examples {#examples}
 
             <figcaption>
                 The layout of the scroll container's contents in the example.
-                The snap alignment container is represented by the red rectangle (inset from the top by 100px due to the scroll-snap-padding), and the snap area is represented by the yellow rectangle.  Since the scroll-snap-align is "start" in the Y axis, a snap position is established at each scroll offset which aligns the Y-start of the snap alignment container (represented by a red dotted line) with the Y-start of a snap area (represented by a yellow dotted line).
+                The snapport is represented by the red rectangle (inset from the top by 100px due to the scroll-snap-padding), and the snap area is represented by the yellow rectangle.  Since the scroll-snap-align is "start" in the Y axis, a snap position is established at each scroll offset which aligns the Y-start of the snapport (represented by a red dotted line) with the Y-start of a snap area (represented by a yellow dotted line).
             </figcaption>
         </figure>
     </div>
@@ -187,7 +187,7 @@ Overview {#overview}
     <a>Snap positions</a> can be specified
     as a particular alignment ('scroll-snap-align')
     of an element's <a>scroll snap area</a> ('scroll-snap-margin', defaulting to its border box)
-    within the <a>scroll container</a>’s <a>snap alignment container</a>
+    within the <a>scroll container</a>’s <a>snapport</a>
     (its visual viewport, as reduced by its 'scroll-snap-padding').
     This is conceptually equivalent to specifying the alignment of
     an <a>alignment subject</a> within an <a>alignment container</a>.
@@ -216,9 +216,9 @@ Definitions {#definitions}
         <dd>
             An element which provides a scrolling user interface as described in [[!CSS21]], particularly in the section on overflow.
 
-        <dt><dfn export>snap alignment container</dfn>
+        <dt><dfn export>snapport</dfn>
         <dd>
-            A scroll container's snap alignment container is the rectangle obtained by reducing its visual viewport by its 'scroll-snap-padding'.
+            A scroll container's snapport is the rectangle obtained by reducing its visual viewport by its 'scroll-snap-padding'.
 
             Issue: Better name for this concept?
 
@@ -325,7 +325,7 @@ Snapport: the 'scroll-snap-padding' property {#scroll-snap-padding}
     Animatable: as length, percentage, or calc
     </pre>
 
-    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.
+    The 'scroll-snap-padding' property defines the <a>snapport</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>.  The snapport 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.
 
     <div class="example">
         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.
@@ -419,7 +419,7 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
     Animatable: no
     </pre>
 
-    The 'scroll-snap-align' property specifies how an element's scroll snap area should align with its ancestor scroll container's snap alignment container.  The two values specify the snapping behavior in the x and y axes, respectively.  If only one value is specified, the second value defaults to the same value.
+    The 'scroll-snap-align' property specifies how an element's scroll snap area should align with its ancestor scroll container's snapport.  The two values specify the snapping behavior in the x and y axes, respectively.  If only one value is specified, the second value defaults to the same value.
 
     Issue: Should this be x/y axes, or inline/block?  Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).
 
@@ -469,7 +469,7 @@ Physical Longhands for 'scroll-snap-padding' {#padding-longhands-physical}
     Animatable: as length, percentage, or calc
     </pre>
 
-    These <a>longhands</a> of 'scroll-snap-padding' specify the top, right, bottom, and left edges of the <a>snap alignment container</a>, respectively.
+    These <a>longhands</a> of 'scroll-snap-padding' specify the top, right, bottom, and left edges of the <a>snapport</a>, respectively.
 
 Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
 -------------------------------------------------------------------------------
@@ -486,7 +486,7 @@ Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
     Animatable: as length, percentage, or calc
     </pre>
 
-    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.
+    These <a>longhands</a> of 'scroll-snap-padding' specify the block-start, inline-start, block-end, and inline-end edges of the <a>snapport</a>, respectively.
 
     <pre class="propdef">
     Name: scroll-snap-padding-block, scroll-snap-padding-inline
@@ -500,7 +500,7 @@ Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
     Animatable: as length, percentage, or calc
     </pre>
 
-    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.
+    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>snapport</a>, respectively.
 
     If two values are specified, the first gives the start value and the second gives the end value.