[css-device-adapt] Fix auto references for <viewport-length>

Author: Rune Lillesveen

css-device-adapt/Overview.bs

@@ -239,7 +239,7 @@ initial containing block</a> where
 
 and the values have the following meanings:
 
-<dl dfn-type=value dfn-for="<viewport-length>">
+<dl dfn-type=value dfn-for="viewport-length">
     <dt><dfn>auto</dfn></dt>
     <dd>
         The used value is calculated from the other descriptors'
@@ -547,7 +547,7 @@ the procedure. They are initially resolved to their computed values.
 
 <dfn><code>width</code></dfn> and <dfn><code>height</code></dfn> refer
 to the resolved viewport size and not the shorthand descriptors. They
-are both initially ''<viewport-length>/auto''.
+are both initially ''viewport-length/auto''.
 
 <code>MIN/MAX</code> computations where one of the arguments is
 ''zoom/auto'' resolve to the other argument. For instance, <code>MIN(0.25,
@@ -607,7 +607,7 @@ the <code>[min-zoom, max-zoom]</code> range</h4>
 </ol>
 
 <h4 id="resolve-px" class="no-num no-toc">
-Resolve non-''<viewport-length>/auto'' lengths to pixel lengths</h4>
+Resolve non-''viewport-length/auto'' lengths to pixel lengths</h4>
 
 <ol id="ol3">
     <li>
@@ -626,14 +626,14 @@ descriptors</h4>
     <li>
         If <code lt="min-width!!resolved">min-width</code> or
         <code lt="max-width!!resolved">max-width</code> is not
-        ''<viewport-length>/auto'', set <code>width = MAX(min-width, MIN(max-width,
+        ''viewport-length/auto'', set <code>width = MAX(min-width, MIN(max-width,
         initial-width))</code>
     </li>
 
     <li>
         If <code lt="min-height!!resolved">min-height</code> or
         <code lt="max-height!!resolved">max-height</code> is not
-        ''<viewport-length>/auto'', set <code>height = MAX(min-height, MIN(max-height,
+        ''viewport-length/auto'', set <code>height = MAX(min-height, MIN(max-height,
         initial-height))</code>
     </li>
 </ol>
@@ -645,12 +645,12 @@ Resolve <code lt="width!!resolved">width</code> value</h4>
     <li>
         If <code lt="width!!resolved">width</code> and
         <code lt="height!!resolved">height</code> are both
-        ''<viewport-length>/auto'', set <code>width = initial-width</code>
+        ''viewport-length/auto'', set <code>width = initial-width</code>
     </li>
 
     <li>
         If <code lt="width!!resolved">width</code> is
-        ''<viewport-length>/auto'', set <code>width = height * (initial-width /
+        ''viewport-length/auto'', set <code>width = height * (initial-width /
         initial-height)</code>, or <code>width = initial-width</code>
         if <code class="index"
         lt="height!!initial">initial-height</code> is 0.
@@ -662,7 +662,7 @@ Resolve <code lt="height!!resolved">height</code> value</h4>
 
 <ol id="ol8">
     <li>
-        If <code lt="height!!resolved">height</code> is ''<viewport-length>/auto'',
+        If <code lt="height!!resolved">height</code> is ''viewport-length/auto'',
         set <code>height = width * (initial-height /
         initial-width)</code>, or <code>height = initial-height</code>
         if <code class="index"
@@ -1051,29 +1051,27 @@ is a valid value.
 
 Let <code>extend-zoom = MIN(zoom, max-zoom)</code>
 
-For non-'<code class="css" lt="auto!!zoom">auto</code>'
-<code>extend-zoom</code>, let:
+For non-''zoom/auto'' <code>extend-zoom</code>, let:
 
 <pre>
     extend-width = initial-width / extend-zoom
     extend-height = initial-height / extend-zoom
 </pre>
 
-Then, resolve for '<code class="css" lt="extend-to-zoom">extend-to-zoom</code>' as follows:
+Then, resolve for ''extend-to-zoom'' as follows:
 
 <ul>
-    <li>If <code>extend-zoom</code> is
-        '<code class="css" lt="auto!!zoom">auto</code>':
+    <li>If <code>extend-zoom</code> is ''zoom/auto'':
         <ol>
             <li>
                 If <code lt="max-width!!resolved">max-width</code> is
                 '<code class="css">extend-to-zoom</code>', set
-                <code>max-width = ''<viewport-length>/auto''</code>
+                <code>max-width = ''viewport-length/auto''</code>
             </li>
             <li>
                 If <code lt="max-height!!resolved">max-height</code> is
                 '<code class="css">extend-to-zoom</code>', set
-                <code>max-height = ''<viewport-length>/auto''</code>
+                <code>max-height = ''viewport-length/auto''</code>
             </li>
             <li>
                 If <code lt="min-width!!resolved">min-width</code> is
@@ -1089,8 +1087,7 @@ Then, resolve for '<code class="css" lt="extend-to-zoom">extend-to-zoom</code>'
     </li>
 
     <li>
-        If <code>extend-zoom</code> is
-        non-'<code class="css" lt="auto!!zoom">auto</code>':
+        If <code>extend-zoom</code> is non-''zoom/auto'':
         <ol>
             <li>
                 If <code lt="max-width!!resolved">max-width</code> is
@@ -1362,7 +1359,7 @@ Large screen UA styles</h3>
 For browsers with an initial viewport size large enough to fit common
 websites without breaking the layout, or which can easily to resized
 to do so, the recommendation is to have <em>no</em> UA styles. That
-means that it will have all descriptors initially set to ''<viewport-length>/auto'', and
+means that it will have all descriptors initially set to ''viewport-length/auto'', and
 behave as it would have without support for viewport descriptors.
 
 For browsers which support changing orientation, and the portrait mode