Update Tiles and Menus code and add Menu Badges

1 files changed, 12 insertions, 8 deletions

diff --git a/docs/components.html b/docs/components.html
index 86675a2..464f46f 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -751,6 +751,9 @@
                 </li>
                 <li class="divider"></li>
                 <li class="menu-item">
+                  <div class="menu-badge">
+                    <label class="label label-primary">2</label>
+                  </div>
                   <a href="#menus" class="active">
                     My profile
                   </a>
@@ -771,7 +774,7 @@
               <ul class="menu">
                 <li class="menu-header">
                   <span class="menu-header-text">
-                    Go to
+                    LINKS
                   </span>
                 </li>
                 <li class="menu-item">
@@ -1478,10 +1481,11 @@
                 </div>
                 <div class="tile-content">
                   <p class="tile-title">The Avengers</p>
-                  <p>Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...</p>
+                  <p class="tile-meta">Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...</p>
                 </div>
                 <div class="tile-action">
                   <button class="btn btn-primary">Join</button>
+                  <button class="btn">Contact</button>
                 </div>
               </div>
             </div>
@@ -1494,7 +1498,7 @@
                 </div>
                 <div class="tile-content">
                   <p class="tile-title">The S.H.I.E.L.D.</p>
-                  <p>The Strategic Homeland Intervention, Enforcement, and Logistics Division...</p>
+                  <p class="tile-meta">The Strategic Homeland Intervention, Enforcement, and Logistics Division...</p>
                   <p>
                     <button class="btn btn-primary btn-sm">Join</button>
                     <button class="btn btn-sm">Contact</button>
@@ -1530,7 +1534,7 @@
             <p>Add the class <code>tile-centered</code> to the container <code>tile</code>. The <code>tile-icon</code>, <code>tile-content</code> and <code>tile-action</code> will be vertically centered.</p>
           </section>
           <div class="columns">
-            <div class="column col-6 col-sm-12">
+            <div class="column col-6 col-md-9 col-xs-12">
               <div class="tile tile-centered">
                 <div class="tile-icon">
                   <div class="example-tile-icon">
@@ -1538,8 +1542,8 @@
                   </div>
                 </div>
                 <div class="tile-content">
-                  <div class="tile-title text-ellipsis">spectre-docs.pdf</div>
-                  <div class="tile-meta text-ellipsis">14MB · Public · 1 Jan, 2017</div>
+                  <div class="tile-title">spectre-docs.pdf</div>
+                  <div class="tile-meta">14MB · Public · 1 Jan, 2017</div>
                 </div>
                 <div class="tile-action">
                   <button class="btn btn-link btn-action"><i class="icon icon-more_vert"></i></button>
@@ -1556,8 +1560,8 @@
     &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-content&quot;</span>&gt;
-    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-title text-ellipsis&quot;</span>&gt;spectre-docs.pdf&lt;<span class="tag">/div</span>&gt;
-    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-meta text-ellipsis&quot;</span>&gt;14MB · Public · 1 Jan, 2017&lt;<span class="tag">/div</span>&gt;
+    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-title&quot;</span>&gt;spectre-docs.pdf&lt;<span class="tag">/div</span>&gt;
+    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-meta&quot;</span>&gt;14MB · Public · 1 Jan, 2017&lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-action&quot;</span>&gt;
     &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-link&quot;</span>&gt;