Normalized acronyms, added test jpgs

elements.less

@@ -207,8 +207,4 @@
     column-rule-style: @columnRuleStyle;
     column-rule-width: @columnRuleWidth;
   }
-  .centered(@width: auto) {
-    width: @width;
-    margin: 0 auto;
-  }
 }

layout.less

@@ -28,6 +28,10 @@ a { }
 blockquote { }
 pre, code { }
 small { }
+acronym {
+  border-bottom: 1px dashed @foreground4;
+  color: @foreground4;
+}
 
 .hidden {
   display: none;

sample/index.html

@@ -35,15 +35,18 @@
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
     </div>
     <div class="column">
-        <p><img src="test.jpg" class="top pull-1 left" alt="test">Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</p>
-        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Morbi et risus</a>. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent <span class="caps">SMALL CAPS</span> tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.</p>
-        <p>Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.</p>
-        <p>Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.</p>
-        <blockquote>
-          <p>Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.</p>
-        </blockquote>
-        <p>Maecenas vel metus quis magna pharetra fermentum. <em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.</p>
-        <hr>
+        <p><img src="test.jpg" class="left" alt="test">
+        'It's too ridiculous!' cried Alice, losing all her patience this time. 'You ought to have a wooden horse on wheels, that you ought!'</p>
+<p>'Does that kind go smoothly?' the Knight asked in a tone of great interest, clasping his arms round the horse's neck as he spoke, just in time to save himself from tumbling off again.</p>
+<p>'Much more smoothly than a live horse,' Alice said, with a little scream of laughter, in spite of all she could do to prevent it.</p>
+<p>'I'll get one,' the Knight said thoughtfully to himself. 'One or two—several.'</p>
+<p>There was a short silence after this, and then the Knight went on again. 'I'm a great hand at inventing things. Now, I daresay you noticed, that last time you picked me up, that I was looking rather thoughtful?'</p>
+<p>'You WERE a little grave,' said Alice.</p>
+<p>'Well, just then I was inventing a new way of getting over a gate—would you like to hear it?'</p>
+<p>'Very much indeed,' Alice said politely.</p>
+<p>'I'll tell you how I came to think of it,' said the Knight. 'You see, I said to myself, "The only difficulty is with the feet: the HEAD is high enough already." Now, first I put my head on the top of the gate—then I stand on my head—then the feet are high enough, you see—then I'm over, you see.'</p>
+<p>'Yes, I suppose you'd be over when that was done,' Alice said thoughtfully: 'but don't you think it would be rather hard?'</p>
+<p>'I haven't tried it yet,' the Knight said, gravely: 'so I can't tell for certain—but I'm afraid it WOULD be a little hard.'</p>
         <div class="column">
           <h5>This is a nested column</h5>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
@@ -63,6 +66,16 @@
         <p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
       </div>
       <h3>You may pick and choose amongst these and many more features, so be bold.</h3>
+    <div class="story">
+      <div class="poem">
+        <div class="verse">
+          The merry-go-round goes 'round and 'round,<br>
+          The children laughed and laughed and laughed,<br>
+          So many were going 'round and 'round,<br>
+          That the merry-go-round collapsed.
+        </div>
+      </div>
+    </div>
     </div>
 
           <h5>LISTS</h5>

sample/sample.less

@@ -1 +1,8 @@
 @import "../smalkil.less";
+
+.navigation{
+  ul {
+    .horizontal();
+    .centered(33%, 33%);
+  }
+}

smalkil.less

@@ -2,3 +2,16 @@
 @import 'colors';
 @import 'elements';
 @import 'layout';
+
+.horizontal {
+  li {
+    display: inline;
+    list-style-type: none;
+    padding-right: @basesize;
+  }
+}
+
+.centered(@width: auto, @margin: auto) {
+  width: @width;
+  margin: 0 @margin;
+}