[css-egg] Cross reference the Fetch specification

Author: frivoal

css-egg/Overview.bs

@@ -361,33 +361,30 @@ Negative values are invalid.
 
 If the second argument is omitted, the default value is ''farthest-side''.
 
-<div class="example">
-
-Here is a sample rendering of the double rainbow rainbow
-described by the following css snippet.
-<pre><code class="lang-css">
-#sky {
-height: 300px;
-background-color: white;
-background-image: double-rainbow(bottom, 300px);
-}
+<div class="example" id="rainbow-unicorn">
+This feature was initially introduced by Opera Software.
+The following page, when viewed in Opera (between version 11.60 and 12.16),
+demonstrates tasteful use of double rainbows:
+<a href="http://media.opera.com/media/press/2011/unicorn/">http://media.opera.com/media/press/2011/unicorn/</a>
+
+By combining ''double-rainbow()'' with <a href="https://fetch.spec.whatwg.org/#unicorn">about:unicorn</a> [[FETCH]],
+modern web standards can be used to achieve a similar effect.
+<pre><code class="lang-markup">
+&lt;img src="about:unicorn"
+style="background: double-rainbow(bottom, closest-corner)">
 </code></pre>
-<div id=sky></div>
+<img class=fabulous src="./unicorn.svg">
 <style>
-#sky {
-height: 300px;
-background-color: white;
-background-image: radial-gradient(300px circle at bottom, transparent, rgba(250, 250, 210, 0.251) 63%, rgba(148, 0, 211, 0.251), rgba(0, 0, 128, 0.251), rgba(0, 0, 255, 0.251), rgba(0, 128, 0, 0.251), rgba(255, 255, 0, 0.251), rgba(255, 165, 0, 0.251), rgba(255, 0, 0, 0.251), transparent 67%, transparent 90%, rgba(255, 0, 0, 0.126), rgba(255, 165, 0, 0.126), rgba(255, 255, 0, 0.126), rgba(0, 128, 0, 0.126), rgba(0, 0, 255, 0.126), rgba(0, 0, 128, 0.126), rgba(148, 0, 211, 0.126), transparent 100%);
+.fabulous {
+background: radial-gradient(closest-corner circle at bottom, transparent, rgba(250, 250, 210, 0.251) 63%, rgba(148, 0, 211, 0.251), rgba(0, 0, 128, 0.251), rgba(0, 0, 255, 0.251), rgba(0, 128, 0, 0.251), rgba(255, 255, 0, 0.251), rgba(255, 165, 0, 0.251), rgba(255, 0, 0, 0.251), transparent 67%, transparent 90%, rgba(255, 0, 0, 0.126), rgba(255, 165, 0, 0.126), rgba(255, 255, 0, 0.126), rgba(0, 128, 0, 0.126), rgba(0, 0, 255, 0.126), rgba(0, 0, 128, 0.126), rgba(148, 0, 211, 0.126), transparent 100%);
+max-width: 500px;
+display:block;
+margin-left: auto;
+margin-right: auto;
 }
 </style>
-
 </div>
 
-Note: This was initially introduced by Opera.
-The following page, when viewed in Opera (between version 11.60 and 12.16),
-demonstrates tasteful use of double rainbows:
-<a href="http://media.opera.com/media/press/2011/unicorn/">http://media.opera.com/media/press/2011/unicorn/</a>
-
 <h2 class=no-num id="acknowledgments">
 Acknowledgments</h2>