[css-scroll-snap-1] Swap the axises of scroll-snap-align to be block then inline, like every other logical property in existence. Fixes #2232.

Author: tabatkins

css-scroll-snap-1/Overview.bs

@@ -101,7 +101,7 @@ Motivating Examples {#examples}
                 /* Specifies that the center of each photo
                    should align with the center of the scroll
                    container in the X axis when snapping */
-                scroll-snap-align: center none;
+                scroll-snap-align: none center;
             }
             .photoGallery {
                 width: 500px;
@@ -130,7 +130,7 @@ Motivating Examples {#examples}
 
             <figcaption>
                 The layout of the scroll container’s contents in the example.
-                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 position 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).
+                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 inline (horizontal) axis, a snap position is established at each scroll position 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>
@@ -146,7 +146,7 @@ Motivating Examples {#examples}
             .page {
                 /* Defines the top of each page as the
                    edge that should be used for snapping */
-                scroll-snap-align: none start;
+                scroll-snap-align: start none;
             }
             .docScroller {
                 width: 500px;
@@ -466,7 +466,7 @@ Scroll Snapport: the 'scroll-padding' property {#scroll-padding}
                 right: 0;
             }
             img {
-                scroll-snap-align: center none;
+                scroll-snap-align: none center;
             }
         </pre>
     </div>
@@ -553,7 +553,7 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
     its <a>snap area</a> (as the <a>alignment subject</a>)
     within its <a>snap container’s</a> <a>snapport</a> (as the <a>alignment container</a>).
     The two values specify the snapping alignment
-    in the <a>inline axis</a> and <a>block axis</a>, respectively.
+    in the <a>block axis</a> and <a>inline axis</a>, respectively.
     If only one value is specified, the second value defaults to the same value.
 
     Values are defined as follows: