update icons everywhere to be scoped per other components, fix broken elements on js docs page

1 files changed, 7 insertions, 7 deletions

diff --git a/docs/components.html b/docs/components.html
index 02b50211e..26fa9b7f5 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -548,13 +548,13 @@
       <div class="well" style="padding: 8px 0;">
         <ul class="nav nav-list">
           <li class="nav-header">List header</li>
-          <li class="active"><a href="#"><i class="icon white home"></i> Home</a></li>
-          <li><a href="#"><i class="icon book"></i> Library</a></li>
-          <li><a href="#"><i class="icon pencil"></i> Applications</a></li>
+          <li class="active"><a href="#"><i class="i i-white i-home"></i> Home</a></li>
+          <li><a href="#"><i class="i i-book"></i> Library</a></li>
+          <li><a href="#"><i class="i i-pencil"></i> Applications</a></li>
           <li class="nav-header">Another list header</li>
-          <li><a href="#"><i class="icon user"></i> Profile</a></li>
-          <li><a href="#"><i class="icon cog"></i> Settings</a></li>
-          <li><a href="#"><i class="icon flag"></i> Help</a></li>
+          <li><a href="#"><i class="i i-user"></i> Profile</a></li>
+          <li><a href="#"><i class="i i-cog"></i> Settings</a></li>
+          <li><a href="#"><i class="i i-flag"></i> Help</a></li>
         </ul>
       </div> <!-- /well -->
 <pre class="prettyprint linenums">
@@ -562,7 +562,7 @@
   ...
   &lt;li&gt;
     &lt;a href="#"&gt;
-      &lt;i class="icon book"&gt;&lt;/i&gt;
+      &lt;i class="i i-book"&gt;&lt;/i&gt;
       Library
     &lt;/a&gt;
   &lt;/li&gt;