[scroll-animations-1] Rename physical axes to x/y

#8666

Author: andruud

scroll-animations-1/Overview.bs

@@ -168,7 +168,7 @@ spec: cssom-view-1; type: dfn;
 
 	<pre class="prod">
 		<<scroll()>> = scroll( [ <<scroller>> || <<axis>> ]? )
-		<dfn noexport><<axis>></dfn> = block | inline | vertical | horizontal
+		<dfn noexport><<axis>></dfn> = block | inline | x | y
 		<dfn noexport><<scroller>></dfn> = root | nearest | self
 	</pre>
 
@@ -188,15 +188,15 @@ spec: cssom-view-1; type: dfn;
 			Specifies to use the measure of progress along the
 			[=inline axis=] of the [=scroll container=].
 
-		<dt><dfn>vertical</dfn>
+		<dt><dfn>x</dfn>
 		<dd>
 			Specifies to use the measure of progress along the
-			[=vertical axis=] of the [=scroll container=].
+			[=horizontal axis=] of the [=scroll container=].
 
-		<dt><dfn>horizontal</dfn>
+		<dt><dfn>y</dfn>
 		<dd>
 			Specifies to use the measure of progress along the
-			[=horizontal axis=] of the [=scroll container=].
+			[=vertical axis=] of the [=scroll container=].
 
 		<dt><dfn>nearest</dfn>
 		<dd>
@@ -216,7 +216,7 @@ spec: cssom-view-1; type: dfn;
 
 	Note: Progress is in reference to the [=scroll origin=],
 	which can flip depending on [=writing mode=],
-	even when ''scroll-timeline-axis/horizontal'' or ''scroll-timeline-axis/vertical'' is specified.
+	even when ''scroll-timeline-axis/x'' or ''scroll-timeline-axis/y'' is specified.
 
 	References to the [=root element=] propagate to the document viewport
 	(which functions as its [=scroll container=]).
@@ -232,8 +232,8 @@ spec: cssom-view-1; type: dfn;
 		enum ScrollAxis {
 		  "block",
 		  "inline",
-		  "horizontal",
-		  "vertical"
+		  "x",
+		  "y"
 		};
 
 		dictionary ScrollTimelineOptions {
@@ -369,7 +369,7 @@ spec: cssom-view-1; type: dfn;
 
 	<pre class='propdef'>
 	Name: scroll-timeline-axis
-	Value: [ block | inline | vertical | horizontal ]#
+	Value: [ block | inline | x | y ]#
 	Initial: block
 	Applies to: all elements
 	Inherited: no
@@ -776,7 +776,7 @@ spec: cssom-view-1; type: dfn;
 
 	<pre class='propdef'>
 	Name: view-timeline-axis
-	Value: [ block | inline | vertical | horizontal ]#
+	Value: [ block | inline | x | y ]#
 	Initial: block
 	Applies to: all elements
 	Inherited: no