rebuild docs

indiarocks08 · Mar 2, 2018 · 6d9560a · 6d9560a
1 parent 7831e10
commit 6d9560a
Show file tree

Hide file tree

Showing 10 changed files with 19 additions and 44 deletions.
diff --git a/docs/4d4edbda57043aeeabeac31d2dd12d0d.css → docs/3df57813b7ec2de885ea6075ff46ed46.css b/docs/4d4edbda57043aeeabeac31d2dd12d0d.css → docs/3df57813b7ec2de885ea6075ff46ed46.css
diff --git a/docs/4d4edbda57043aeeabeac31d2dd12d0d.js → docs/3df57813b7ec2de885ea6075ff46ed46.js b/docs/4d4edbda57043aeeabeac31d2dd12d0d.js → docs/3df57813b7ec2de885ea6075ff46ed46.js
diff --git a/docs/917965659999f2f26ec723d31a6f80af.css b/docs/917965659999f2f26ec723d31a6f80af.css
diff --git a/docs/917965659999f2f26ec723d31a6f80af.js b/docs/917965659999f2f26ec723d31a6f80af.js
diff --git a/docs/cf2ed1ce6be4ba59eed1079db594cc6e.png → docs/a8de561a148aec60dd3697311c540b29.png b/docs/cf2ed1ce6be4ba59eed1079db594cc6e.png → docs/a8de561a148aec60dd3697311c540b29.png
diff --git a/docs/76f3fcef6c36c4d7c29fc6fcd102dfe3.png → docs/e5b4b9ce166177b1bc2dc3772012e0a1.png b/docs/76f3fcef6c36c4d7c29fc6fcd102dfe3.png → docs/e5b4b9ce166177b1bc2dc3772012e0a1.png
diff --git a/docs/ed181a09d21ac2b9392491a3b762d3df.png b/docs/ed181a09d21ac2b9392491a3b762d3df.png
diff --git a/docs/fba68f50ffc10eedf61d3e0f4ad4e381.png b/docs/fba68f50ffc10eedf61d3e0f4ad4e381.png
diff --git a/docs/index.html b/docs/index.html
diff --git a/index.html b/index.html
@@ -1115,14 +1115,15 @@ <h3 id="pretty-text-underline">Pretty text underline</h3>
             <h4 data-type="HTML">HTML</h4><pre><code class="lang-html">&lt;p class="pretty-text-underline"&gt;Pretty text underline without clipping descending letters.&lt;/p&gt;
 </code></pre>
             <h4 data-type="CSS">CSS</h4><pre><code class="lang-css">.pretty-text-underline {
+  font-family: Arial, sans-serif;
   display: inline;
   font-size: 18px;
   text-shadow: 1px 1px 0 #f5f6f9,
     -1px 1px 0 #f5f6f9,
     -1px -1px 0 #f5f6f9,
     1px -1px 0 #f5f6f9;
   background-image: linear-gradient(90deg, currentColor 100%, transparent 100%);
-  background-position: 0 1.04em;
+  background-position: 0 0.98em;
   background-repeat: repeat-x;
   background-size: 1px 1px;
 }
@@ -1141,11 +1142,12 @@ <h4 data-type="Demo">Demo</h4>
             </div>
             <style>
               .snippet-demo__pretty-text-underline {
+                font-family: Arial, sans-serif;
                 display: inline;
                 font-size: 18px !important;
                 text-shadow: 1px 1px 0 #f5f6f9, -1px 1px 0 #f5f6f9, -1px -1px 0 #f5f6f9, 1px -1px 0 #f5f6f9;
                 background-image: linear-gradient(90deg, currentColor 100%, transparent 100%);
-                background-position: 0 1.04em;
+                background-position: 0 0.98em;
                 background-repeat: repeat-x;
                 background-size: 1px 1px;
               }
@@ -1173,7 +1175,7 @@ <h4 data-type="Browser support">Browser support</h4>
                 94.8%
               </div>
             </div>
-            <p><span class="snippet__support-note">⚠️ Firefox requires a vendor prefix for the selection pseudo-selector to work.</span></p>
+            <p><span class="snippet__support-note">⚠️ The distance of the underline from the text depends on the internal metrics of a font, so you must ensure everyone sees the same font (i.e. no system fonts which will change based on the OS).</span></p>
             <ul>
               <li>
                 <a href="https://caniuse.com/#feat=css-textshadow" target="_blank">https://caniuse.com/#feat=css-textshadow</a>