Fixing typo

example/app/articles/touchevents.html

@@ -1,5 +1,9 @@
 <article id="touchevents">
-    <div class="seven rows" id="gestures" style="height: 256px;"></div>
-    <div class="two rows scroll console output" id="console" ></div>
-    <div class="one row console"><a href="#" class="button anchor" data-action="clean_console">Clean Console</a></div>
+    <div class="layout">
+        <div data-layout="primary" id="gestures"></div>
+        <div data-layout="secondary" class="scroll console output" id="console" ></div>
+        <div>
+            <a href="#" class="button anchor" data-action="clean_console" data-label="Clean Console"></a>
+        </div>
+    </div>
 </article>

example/app/sections/scroll.html

@@ -1,34 +1,34 @@
 <section id="scroll" data-transition="slide">
     <header data-title="Scrolls"  data-back="home"></header>
 
-    <article class="active">
-        <h1 class="one row ">.scroll stylesheet class</h1>
-        <ul class="four row scroll anchor">
-            <img src="http://lorempixel.com/256/128/food/">
-            <img src="http://lorempixel.com/256/128/sports/">
-            <img src="http://lorempixel.com/256/128/people/">
-            <img src="http://lorempixel.com/256/128/technics/">
-            <img src="http://lorempixel.com/256/128/animals/">
-            <img src="http://lorempixel.com/256/128/nightlife/">
-            <img src="http://lorempixel.com/256/128/nature/">
-            <img src="http://lorempixel.com/256/128/transport/">
-            <img src="http://lorempixel.com/256/128/city/">
-            <img src="http://lorempixel.com/256/128/fashion/">
-            <img src="http://lorempixel.com/256/128/abstract/">
+    <article>
+        <h1>.scroll stylesheet class</h1>
+        <ul class="scroll" style="height: 164px;">
+            <img src="http://lorempixel.com/320/164/food/">
+            <img src="http://lorempixel.com/320/164/sports/">
+            <img src="http://lorempixel.com/320/164/people/">
+            <img src="http://lorempixel.com/320/164/technics/">
+            <img src="http://lorempixel.com/320/164/animals/">
+            <img src="http://lorempixel.com/320/164/nightlife/">
+            <img src="http://lorempixel.com/320/164/nature/">
+            <img src="http://lorempixel.com/320/164/transport/">
+            <img src="http://lorempixel.com/320/164/city/">
+            <img src="http://lorempixel.com/320/164/fashion/">
+            <img src="http://lorempixel.com/320/164/abstract/">
         </ul>
-        <h1 class="one row">.horizontal.scroll stylesheet classes</h1>
-        <ul class=" four row horizontal scroll">
-            <img src="http://lorempixel.com/256/128/food/">
-            <img src="http://lorempixel.com/256/128/sports/">
-            <img src="http://lorempixel.com/256/128/people/">
-            <img src="http://lorempixel.com/256/128/technics/">
-            <img src="http://lorempixel.com/256/128/animals/">
-            <img src="http://lorempixel.com/256/128/nightlife/">
-            <img src="http://lorempixel.com/256/128/nature/">
-            <img src="http://lorempixel.com/256/128/transport/">
-            <img src="http://lorempixel.com/256/128/city/">
-            <img src="http://lorempixel.com/256/128/fashion/">
-            <img src="http://lorempixel.com/256/128/abstract/">
+        <h1>.horizontal.scroll stylesheet classes</h1>
+        <ul class="horizontal scroll" style="height: 164px;">
+            <img src="http://lorempixel.com/320/164/food/">
+            <img src="http://lorempixel.com/320/164/sports/">
+            <img src="http://lorempixel.com/320/164/people/">
+            <img src="http://lorempixel.com/320/164/technics/">
+            <img src="http://lorempixel.com/320/164/animals/">
+            <img src="http://lorempixel.com/320/164/nightlife/">
+            <img src="http://lorempixel.com/320/164/nature/">
+            <img src="http://lorempixel.com/320/164/transport/">
+            <img src="http://lorempixel.com/320/164/city/">
+            <img src="http://lorempixel.com/320/164/fashion/">
+            <img src="http://lorempixel.com/320/164/abstract/">
         </ul>
     </article>
 </section>

example/components/lungo.brownie

@@ -1 +1 @@
-Subproject commit 3f980c32d772499e5131ef8adfc0cbfa1da83bd6
+Subproject commit ad4a91ac8bcc480740ea814ab63042d5e0675a97

example/index.html

@@ -66,6 +66,13 @@
             <img src="http://cdn.tapquo.com/lungo/logo.png" class="title centered">
             <nav class="right">
                 <a href="#" data-action="twitter" class="button" data-icon="brand twitter" data-article="main-article"></a>
+                <a href="#" data-action="twitter" class="button" data-icon="brand twitter" data-article="main-article" data-label="twitter"></a>
+                <a href="#" data-action="twitter" class="button" data-article="main-article" data-label="twitter"></a>
+                <!--
+                <button data-action="twitter" data-icon="brand twitter" data-article="main-article"></button>
+                <button data-action="twitter" data-icon="brand twitter" data-article="main-article" data-label="twitter"></button>
+                <button data-action="twitter" data-article="main-article" data-label="twitter"></button>
+            -->
             </nav>
         </header>
 

src/stylesheets/lungo.widgets.button.styl

@@ -25,6 +25,7 @@
     padding: 0 8px
     & > .icon
       font-size: 1.3em
+      display: block
       float: left
     & .icon + abbr
       margin-left: 4px

src/stylesheets/theme.lungo.styl

@@ -251,8 +251,7 @@ header
 
 article
   & .button, button
-    border-radius(FORM-border-radius)
-    color: #fff
+    color: #fff !important
     border-radius 2px
     box-shadow inset 0 1px 0 rgba(255,255,255,0.2)
     border: solid 1px rgba(0,0,0,0.1)