Button in lists

kitchen-sink/app/asides/features.html

@@ -21,7 +21,7 @@
 
             <!-- List -->
             <li>
-                <a href="#list" data-router="section" data-count="17">
+                <a href="#list" data-router="section" data-count="22">
                     <strong>Lists</strong>
                     <small>Different formats for creating lists.</small>
                 </a>

kitchen-sink/app/sections/list.html

@@ -95,6 +95,14 @@
                 </a>
             </li>
 
+            <li>
+                <a href="#">
+                    <a href="#" class="button small red right" data-label="delete"></a>
+                    <strong>&lt;strong&gt; element</strong>
+                    <small>with &lt;small&gt; element</small>
+                </a>
+            </li>
+
             <li class="anchor">With data-icon or data-image attribute</li>
             <li data-image="http://lungo.tapquo.com/resources/icon@2x.png">
                 <strong>&lt;li data-image&gt; + &lt;strong&gt; </strong>

src/stylesheets/Lungo.widgets.button.less

@@ -53,4 +53,10 @@ a.button {
             margin: 8px -18px 0 12px;
             float: left; }
     }
+
+    &.small {
+        height: 20px;
+        padding: 0 6px;
+        font-size: 12px;
+        line-height: 20px; }
 }

src/stylesheets/css/Lungo.widgets.button.css

@@ -56,3 +56,9 @@ a.button.big .icon {
   margin: 8px -18px 0 12px;
   float: left;
 }
+a.button.small {
+  height: 20px;
+  padding: 0 6px;
+  font-size: 12px;
+  line-height: 20px;
+}