[css-transforms-1][css-transforms-2][editorial] Fixed Bikeshed issues

Author: SebastianZ

css-transforms-1/Overview.bs

@@ -406,9 +406,9 @@ the <a>resolved value</a> is one <<matrix()>> function
 computed by the following algorithm:
 
 <ol class="algorithm">
-	1. Let <var>transform</var> be a 4x4 matrix initialized to the identity matrix. The elements <var ignore>m11</var>, <var ignore>m22</var>, <var ignore>m33</var> and <var ignore>m44</var> of <var>transform</var> must be set to ''1''; all other elements of <var>transform</var> must be set to ''0''.
-	2. Post-multiply all <<transform-function>>s in <<transform-list>> to <var>transform</var>.
-	3. Serialize <var>transform</var> to a <<matrix()>> function.
+    1. Let <var>transform</var> be a 4x4 matrix initialized to the identity matrix. The elements <var ignore>m11</var>, <var ignore>m22</var>, <var ignore>m33</var> and <var ignore>m44</var> of <var>transform</var> must be set to ''1''; all other elements of <var>transform</var> must be set to ''0''.
+    2. Post-multiply all <<transform-function>>s in <<transform-list>> to <var>transform</var>.
+    3. Serialize <var>transform</var> to a <<matrix()>> function.
 </ol>
 
 For other computed values, the <a>resolved value</a> is the <a>computed value</a>.
@@ -434,20 +434,20 @@ If only one value is specified, the second value is assumed to be <a value for=t
 If two or more values are defined and either no value is a keyword, or the only used keyword is <a value for=transform-origin>center</a>, then the first value represents the horizontal position (or offset) and the second represents the vertical position (or offset). A third value always represents the Z position (or offset) and must be of type <<length>>.
 
 <dl dfn-for="transform-origin" dfn-type="value">
-	: <<length-percentage>>
-	:: A percentage for the horizontal offset is relative to the width of the [=reference box=]. A percentage for the vertical offset is relative to the height of the [=reference box=]. The value for the horizontal and vertical offset represent an offset from the top left corner of the [=reference box=].
-	: <<length>>
-	:: A length value gives a fixed length as the offset. The value for the horizontal and vertical offset represent an offset from the top left corner of the [=reference box=].
-	: <dfn>top</dfn>
-	:: Computes to ''0%'' for the vertical position.
-	: <dfn>right</dfn>
-	:: Computes to ''100%'' for the horizontal position.
-	: <dfn>bottom</dfn>
-	:: Computes to ''100%'' for the vertical position.
-	: <dfn>left</dfn>
-	:: Computes to ''0%'' for the horizontal position.
-	: <dfn>center</dfn>
-	::  Computes to ''50%'' (''left 50%'') for the horizontal position if the horizontal position is not otherwise specified, or ''50%'' (''top 50%'') for the vertical position if it is.
+    : <<length-percentage>>
+    :: A percentage for the horizontal offset is relative to the width of the [=reference box=]. A percentage for the vertical offset is relative to the height of the [=reference box=]. The value for the horizontal and vertical offset represent an offset from the top left corner of the [=reference box=].
+    : <<length>>
+    :: A length value gives a fixed length as the offset. The value for the horizontal and vertical offset represent an offset from the top left corner of the [=reference box=].
+    : <dfn>top</dfn>
+    :: Computes to ''0%'' for the vertical position.
+    : <dfn>right</dfn>
+    :: Computes to ''100%'' for the horizontal position.
+    : <dfn>bottom</dfn>
+    :: Computes to ''100%'' for the vertical position.
+    : <dfn>left</dfn>
+    :: Computes to ''0%'' for the horizontal position.
+    : <dfn>center</dfn>
+    ::  Computes to ''50%'' (''left 50%'') for the horizontal position if the horizontal position is not otherwise specified, or ''50%'' (''top 50%'') for the vertical position if it is.
 </dl>
 
 For SVG elements without associated CSS layout box the initial [=used value=] is ''0 0'' as if the user agent style sheet contained:
@@ -477,24 +477,24 @@ Animation type: discrete
 All transformations defined by the 'transform' and 'transform-origin' property are relative to the position and dimensions of the <dfn>reference box</dfn> of the element. The [=reference box=] is specified by one of the following:
 
 <dl dfn-for=transform-box>
-	: <dfn dfn-type=value>content-box</dfn>
-	:: Uses the content box as reference box. The reference box of a table is the border box of its <a href="https://www.w3.org/TR/CSS21/tables.html#model">table wrapper box</a>, not its table box.
+    : <dfn dfn-type=value>content-box</dfn>
+    :: Uses the content box as reference box. The reference box of a table is the border box of its <a href="https://www.w3.org/TR/CSS21/tables.html#model">table wrapper box</a>, not its table box.
 
-	: <dfn dfn-type=value>border-box</dfn>
-	:: Uses the border box as reference box. The reference box of a table is the border box of its <a href="https://www.w3.org/TR/CSS21/tables.html#model">table wrapper box</a>, not its table box.
+    : <dfn dfn-type=value>border-box</dfn>
+    :: Uses the border box as reference box. The reference box of a table is the border box of its <a href="https://www.w3.org/TR/CSS21/tables.html#model">table wrapper box</a>, not its table box.
 
-	: <dfn dfn-type=value>fill-box</dfn>
-	:: Uses the <a>object bounding box</a> as reference box.
+    : <dfn dfn-type=value>fill-box</dfn>
+    :: Uses the <a>object bounding box</a> as reference box.
 
-	: <dfn dfn-type=value>stroke-box</dfn>
-	:: Uses the <a>stroke bounding box</a> as reference box.
+    : <dfn dfn-type=value>stroke-box</dfn>
+    :: Uses the <a>stroke bounding box</a> as reference box.
 
-	: <dfn dfn-type=value>view-box</dfn>
-	::  Uses the nearest <a href="https://www.w3.org/TR/SVG11/intro.html#TermSVGViewport">SVG viewport</a> as reference box.
+    : <dfn dfn-type=value>view-box</dfn>
+    ::  Uses the nearest <a href="https://www.w3.org/TR/SVG11/intro.html#TermSVGViewport">SVG viewport</a> as reference box.
 
-		If a {{viewBox}} attribute is specified for the <a href="https://www.w3.org/TR/SVG11/intro.html#TermSVGViewport">SVG viewport</a> creating element:
-		* The reference box is positioned at the origin of the coordinate system established by the {{viewBox}} attribute.
-		* The dimension of the reference box is set to the <em>width</em> and <em>height</em> values of the {{viewBox}} attribute.
+    If a {{viewBox}} attribute is specified for the <a href="https://www.w3.org/TR/SVG11/intro.html#TermSVGViewport">SVG viewport</a> creating element:
+    * The reference box is positioned at the origin of the coordinate system established by the {{viewBox}} attribute.
+    * The dimension of the reference box is set to the <em>width</em> and <em>height</em> values of the {{viewBox}} attribute.
 </dl>
 
 For the SVG <{pattern}> element, the reference box gets defined by the <{pattern/patternUnits}> attribute [[!SVG2]].
@@ -912,41 +912,40 @@ A percentage for vertical translations is relative to the height of the [=refere
 ----------------------
 
 <dl dfn-for=transform>
-	: <span class='prod'><dfn>matrix()</dfn> = matrix( <<number>>#{6} )</span>
-	:: specifies a 2D transformation in the form of a <a href="#MatrixDefined">transformation matrix</a> of the six values a, b, c, d, e, f.
+    : <span class='prod'><dfn>matrix()</dfn> = matrix( <<number>>#{6} )</span>
+    :: specifies a 2D transformation in the form of a <a href="#MatrixDefined">transformation matrix</a> of the six values a, b, c, d, e, f.
 
-	: <span class='prod'><dfn>translate()</dfn> = translate( <<length-percentage>> , <<length-percentage>>? )</span>
-	:: specifies a <a href="#TranslateDefined">2D translation</a> by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter. If <em>&lt;ty></em> is not provided, ty has zero as a value.
+    : <span class='prod'><dfn>translate()</dfn> = translate( <<length-percentage>> , <<length-percentage>>? )</span>
+    :: specifies a <a href="#TranslateDefined">2D translation</a> by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter. If <em>&lt;ty></em> is not provided, ty has zero as a value.
 
-	: <span class='prod'><dfn>translateX()</dfn> = translateX( <<length-percentage>> )</span>
-	:: specifies a <a href="#TranslateDefined">translation</a> by the given amount in the X direction.
+    : <span class='prod'><dfn>translateX()</dfn> = translateX( <<length-percentage>> )</span>
+    :: specifies a <a href="#TranslateDefined">translation</a> by the given amount in the X direction.
 
-	: <span class='prod'><dfn>translateY()</dfn> = translateY( <<length-percentage>> )</span>
-	:: specifies a <a href="#TranslateDefined">translation</a> by the given amount in the Y direction.
+    : <span class='prod'><dfn>translateY()</dfn> = translateY( <<length-percentage>> )</span>
+    :: specifies a <a href="#TranslateDefined">translation</a> by the given amount in the Y direction.
 
-	: <span class='prod'><dfn>scale()</dfn> = scale( <<number>> , <<number>>? )</span>
-	:: specifies a <a href="#ScaleDefined">2D scale</a> operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it takes a value equal to the first. For example, scale(1, 1) would leave an element unchanged, while scale(2, 2) would cause it to appear twice as long in both the X and Y axes, or four times its typical geometric size.
+    : <span class='prod'><dfn>scale()</dfn> = scale( <<number>> , <<number>>? )</span>
+    :: specifies a <a href="#ScaleDefined">2D scale</a> operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it takes a value equal to the first. For example, scale(1, 1) would leave an element unchanged, while scale(2, 2) would cause it to appear twice as long in both the X and Y axes, or four times its typical geometric size.
 
-	: <span class='prod'><dfn>scaleX()</dfn> = scaleX( <<number>> )</span>
-	:: specifies a <a href="#ScaleDefined">2D scale</a> operation using the [sx,1] scaling vector, where sx is given as the parameter.
+    : <span class='prod'><dfn>scaleX()</dfn> = scaleX( <<number>> )</span>
+    :: specifies a <a href="#ScaleDefined">2D scale</a> operation using the [sx,1] scaling vector, where sx is given as the parameter.
 
-	: <span class='prod'><dfn>scaleY()</dfn> = scaleY( <<number>> )</span>
-	:: specifies a <a href="#ScaleDefined">2D scale</a> operation using the [1,sy] scaling vector, where sy is given as the parameter.
+    : <span class='prod'><dfn>scaleY()</dfn> = scaleY( <<number>> )</span>
+    :: specifies a <a href="#ScaleDefined">2D scale</a> operation using the [1,sy] scaling vector, where sy is given as the parameter.
 
-	: <span class='prod'><dfn>rotate()</dfn> = rotate( [ <<angle>> | <<zero>> ] )</span>
-	:: specifies a <a href="#RotateDefined">2D rotation</a> by the angle specified in the parameter about the origin of the element, as defined by the 'transform-origin' property. For example, ''rotate(90deg)'' would cause elements to appear rotated one-quarter of a turn in the clockwise direction.
+    : <span class='prod'><dfn>rotate()</dfn> = rotate( [ <<angle>> | <<zero>> ] )</span>
+    :: specifies a <a href="#RotateDefined">2D rotation</a> by the angle specified in the parameter about the origin of the element, as defined by the 'transform-origin' property. For example, ''rotate(90deg)'' would cause elements to appear rotated one-quarter of a turn in the clockwise direction.
 
-	: <span class='prod'><dfn>skew()</dfn> = skew( [ <<angle>> | <<zero>> ] , [ <<angle>> | <<zero>> ]? )</span>
-	:: specifies a <a href="#SkewDefined">2D skew</a> by [ax,ay] for X and Y. If the second parameter is not provided, it has a zero value.
+    : <span class='prod'><dfn>skew()</dfn> = skew( [ <<angle>> | <<zero>> ] , [ <<angle>> | <<zero>> ]? )</span>
+    :: specifies a <a href="#SkewDefined">2D skew</a> by [ax,ay] for X and Y. If the second parameter is not provided, it has a zero value.
 
-    	Advisement: ''skew()'' exists for compatibility reasons, and should not be used in new content. Use ''skewX()'' or ''skewY()'' instead, noting that the behavior of ''skew()'' is different from multiplying ''skewX()'' with ''skewY()''.
+    Advisement: ''skew()'' exists for compatibility reasons, and should not be used in new content. Use ''skewX()'' or ''skewY()'' instead, noting that the behavior of ''skew()'' is different from multiplying ''skewX()'' with ''skewY()''.
 
-	: <span class='prod'><dfn>skewX()</dfn> = skewX( [ <<angle>> | <<zero>> ] )</span>
-	:: specifies a <a href="#SkewXDefined">2D skew transformation along the X axis</a> by the given angle.
-
-	: <span class='prod'><dfn>skewY()</dfn> = skewY( [ <<angle>> | <<zero>> ] )</span>
-	:: specifies a <a href="#SkewYDefined">2D skew transformation along the Y axis</a> by the given angle.
+    : <span class='prod'><dfn>skewX()</dfn> = skewX( [ <<angle>> | <<zero>> ] )</span>
+    :: specifies a <a href="#SkewXDefined">2D skew transformation along the X axis</a> by the given angle.
 
+    : <span class='prod'><dfn>skewY()</dfn> = skewY( [ <<angle>> | <<zero>> ] )</span>
+    :: specifies a <a href="#SkewYDefined">2D skew transformation along the Y axis</a> by the given angle.
 </dl>
 
 
@@ -956,12 +955,11 @@ Transform function primitives and derivatives {#transform-primitives}
 Some transform functions can be represented by more generic transform functions. These transform functions are called derived transform functions, and the generic transform functions are called primitive transform functions. Two-dimensional primitives and their derived transform functions are:
 
 <dl>
-	<dt id="translate-primitive">''translate()''
-	<dd>for <<translateX()>>, <<translateY()>> and <<translate()>>.
-
-	<dt id="scale-primitive">''scale()''
-	<dd>for <<scaleX()>>, <<scaleY()>> and <<scale()>>.
+    <dt id="translate-primitive">''translate()''
+    <dd>for <<translateX()>>, <<translateY()>> and <<translate()>>.
 
+    <dt id="scale-primitive">''scale()''
+    <dd>for <<scaleX()>>, <<scaleY()>> and <<scale()>>.
 </dl>
 
 
@@ -1416,7 +1414,7 @@ One translation unit on a matrix is equivalent to 1 pixel in the local coordinat
 
       <img src="images/rotate3dmatrix.png" alt="\begin{bmatrix} 1 - 2 \cdot (y^2 + z^2) \cdot sq & 2 \cdot (x \cdot y \cdot sq - z \cdot sc) & 2 \cdot (x \cdot z \cdot sq + y \cdot sc) & 0 \\ 2 \cdot (x \cdot y \cdot sq + z \cdot sc) & 1 - 2 \cdot (x^2 + z^2) \cdot sq & 2 \cdot (y \cdot z \cdot sq - x \cdot sc) & 0 \\ 2 \cdot (x \cdot z \cdot sq - y \cdot sc) & 2 \cdot (y \cdot z \cdot sq + x \cdot sc) & 1 - 2 \cdot (x^2 + y^2) \cdot sq & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="647" height="106">
 
-			where:
+      where:
 
       <img src="images/rotate3dvariables.png" alt="\newline sc = \sin (\alpha/2) \cdot \cos (\alpha/2) \newline sq = \sin^2 (\alpha/2)" width="221" height="50">
 
@@ -1440,12 +1438,17 @@ One translation unit on a matrix is equivalent to 1 pixel in the local coordinat
 
 </ul>
 
-# Privacy and Security Considerations # {#priv-sec}
+# Privacy Considerations # {#privacy}
+
 UAs must implement transform operations in a way attackers can not infer information and mount a timing attack.
 
 A timing attack is a method of obtaining information about content that is otherwise protected, based on studying the amount of time it takes for an operation to occur.
 
-At this point there are no information about potential privacy or security concerns specific to this specification.
+At this point there are no information about potential privacy concerns specific to this specification.
+
+# Security Considerations # {#security}
+
+At this point there are no information about potential security concerns specific to this specification.
 
 <h2 class="no-num" id="changes">Changes</h2>
 
@@ -1455,6 +1458,7 @@ At this point there are no information about potential privacy or security conce
 * Simplified grammar of transform functions. (No normative impact.)
 * Remove animation support of 'transform' from <a element>animate</a> and <a element>set</a> elements.
 * State that transforms do not transform backgrounds that are propagated to the canvas, and clarify some other interactions with background propagation.
+* Split privacy and security section.
 * Editorial changes.
 
 <h3 class="no-num" id="WD20181130">Since the <a href="https://www.w3.org/TR/2018/WD-css-transforms-1-20181130/">30 November 2018 Working Draft</a></h3>
@@ -1467,7 +1471,7 @@ At this point there are no information about potential privacy or security conce
 </h3>
 
 * Remove specification text that makes <a element-attr for=pattern>patternTransform</a>, <a element-attr for=linearGradient>gradientTransform</a> presentation attributes representing the 'transform' property. That is going to get specified by SVG 2 [[SVG2]].
-* Added <a href="#priv-sec">privacy and security</a> section.
+* Added privacy and security section.
 * Use [[SVG2]] definitions for <a>transformable elements</a>.
 * Added special syntax for <a element-attr for>transform</a>, <{linearGradient/gradientTransform}> and <{pattern/patternTransform}> attributes.
 * Clarify multiplication order by using terms <a>post-multiply</a> and <a>pre-multiply</a>.