[css-device-adapt] Removed circular dependency example.

Author: Rune Lillesveen

css-device-adapt/Overview.html

@@ -1361,31 +1361,6 @@ <h2 id=media-queries><span class=secno>7. </span>Media Queries</h2>
    the document as possible to avoid unnecessary re-evaluation of media
    queries or reflows.
 
-  <p>The next example illustrates possible circular dependencies between
-   media queries and <code class=css>@viewport</code> rules. Assuming a UA
-   stylesheet viewport width larger than 200px, the first viewport rule would
-   apply causing an <a href="#actual-viewport">actual viewport</a> width of
-   100px. If the media queries were based on the <a
-   href="#actual-viewport">actual viewport</a>, a re-evaluation would apply
-   the second <code class=css>@viewport</code> rule which would in turn cause
-   the first media query to be true, which means we're back to start.
-
-  <div class=example>
-   <pre><!--
-        -->@media screen and (min-width: 200px) {
-<!--    -->  @viewport {
-<!--    -->    width: 100px;
-<!--    -->  }
-<!--    -->}
-<!--    -->
-<!--    -->@media screen and (max-width: 200px) {
-<!--    -->  @viewport {
-<!--    -->    width: 300px;
-<!--    -->  }
-<!--    -->}<!--
-   --></pre>
-  </div>
-
   <h2 id=cssom><span class=secno>8. </span>CSSOM</h2>
 
   <p class=issue>Properties in the CSSOM and CSSOM View specifications refer

css-device-adapt/Overview.src.html

@@ -1102,31 +1102,6 @@ <h2>Media Queries</h2>
       placed as early in the document as possible to avoid unnecessary
       re-evaluation of media queries or reflows.</p>
 
-    <p>The next example illustrates possible circular dependencies between media
-      queries and <code class="css">@viewport</code> rules. Assuming a UA
-      stylesheet viewport width larger than 200px, the first viewport rule would
-      apply causing an <span>actual viewport</span> width of
-      100px. If the media queries were based on the
-      <span>actual viewport</span>, a re-evaluation would
-      apply the second <code class="css">@viewport</code> rule which would
-      in turn cause the first media query to be true, which means we're back to
-      start.</p>
-
-    <div class="example">
-      <pre><!--
-        -->@media screen and (min-width: 200px) {
-<!--    -->  @viewport {
-<!--    -->    width: 100px;
-<!--    -->  }
-<!--    -->}
-<!--    -->
-<!--    -->@media screen and (max-width: 200px) {
-<!--    -->  @viewport {
-<!--    -->    width: 300px;
-<!--    -->  }
-<!--    -->}<!--
-   --></pre>
-    </div>
 
     <h2>CSSOM</h2>