Type changes to docs

build/minified/elements/step.min.css

@@ -1 +1 @@
-.ui.step,.ui.steps .step{display:inline-block;position:relative;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.step:after,.ui.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.48em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}.ui.step,.ui.steps .step,.ui.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps{cursor:pointer;display:inline-block;font-size:0;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:.3125rem;-webkit-border-radius:.3125rem;border-radius:.3125rem}.ui.steps .step:first-child{padding-left:1.35em;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.steps .step:last-child{-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.ui.steps .step:only-child{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.steps .step:last-child{margin-right:0}.ui.steps .step:last-child:after{display:none}.ui.step:hover,.ui.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}.ui.steps .step.hover:after,.ui.steps .step:hover:after,.ui.step:hover,.ui.step.hover::after{border-left-color:#F7F7F7}.ui.steps .step.down,.ui.steps .step:active,.ui.step.down,.ui.step:active{background-color:#F0F0F0}.ui.steps .step.down:after,.ui.steps .step:active:after,.ui.steps.down::after,.ui.steps:active::after{border-left-color:#F0F0F0}.ui.steps .step.active,.ui.active.step{cursor:auto;background-color:#555;color:#FFF;font-weight:700}.ui.steps .step.active:after,.ui.active.steps:after{border-left-color:#555}.ui.steps .disabled.step,.ui.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}.ui.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}.attached.ui.steps{margin:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.attached.ui.steps .step:first-child{-webkit-border-radius:.3125em 0 0;-moz-border-radius:.3125em 0 0;border-radius:.3125em 0 0}.attached.ui.steps .step:last-child{-webkit-border-radius:0 .3125em 0 0;-moz-border-radius:0 .3125em 0 0;border-radius:0 .3125em 0 0}.bottom.attached.ui.steps{margin-top:-1px;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.bottom.attached.ui.steps .step:first-child{-webkit-border-radius:0 0 0 .3125em;-moz-border-radius:0 0 0 .3125em;border-radius:0 0 0 .3125em}.bottom.attached.ui.steps .step:last-child{-webkit-border-radius:0 0 .3125em;-moz-border-radius:0 0 .3125em;border-radius:0 0 .3125em}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.small.step,.ui.small.steps .step{font-size:.8rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.25rem}
+.ui.step,.ui.steps .step{display:inline-block;position:relative;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.step:after,.ui.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.48em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}.ui.step,.ui.steps .step,.ui.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps{cursor:pointer;display:inline-block;font-size:0;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:.3125rem;-webkit-border-radius:.3125rem;border-radius:.3125rem}.ui.steps .step:first-child{padding-left:1.35em;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.steps .step:last-child{-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.ui.steps .step:only-child{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.steps .step:last-child{margin-right:0}.ui.steps .step:last-child:after{display:none}.ui.step:hover,.ui.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}.ui.steps .step.hover:after,.ui.steps .step:hover:after,.ui.step:hover,.ui.step.hover::after{border-left-color:#F7F7F7}.ui.steps .step.down,.ui.steps .step:active,.ui.step.down,.ui.step:active{background-color:#F0F0F0}.ui.steps .step.down:after,.ui.steps .step:active:after,.ui.steps.down::after,.ui.steps:active::after{border-left-color:#F0F0F0}.ui.steps .step.active,.ui.active.step{cursor:auto;background-color:#555;color:#FFF;font-weight:700}.ui.steps .step.active:after,.ui.active.steps:after{border-left-color:#555}.ui.steps .disabled.step,.ui.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}.ui.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}.attached.ui.steps{margin:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.attached.ui.steps .step:first-child{-webkit-border-radius:.3125em 0 0;-moz-border-radius:.3125em 0 0;border-radius:.3125em 0 0}.attached.ui.steps .step:last-child{-webkit-border-radius:0 .3125em 0 0;-moz-border-radius:0 .3125em 0 0;border-radius:0 .3125em 0 0}.bottom.attached.ui.steps{margin-top:-1px;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.bottom.attached.ui.steps .step:first-child{-webkit-border-radius:0 0 0 .3125em;-moz-border-radius:0 0 0 .3125em;border-radius:0 0 0 .3125em}.bottom.attached.ui.steps .step:last-child{-webkit-border-radius:0 0 .3125em;-moz-border-radius:0 0 .3125em;border-radius:0 0 .3125em}.ui.one.steps>.step,.ui.two.steps>.step,.ui.three.steps>.step,.ui.four.steps>.step,.ui.five.steps>.step,.ui.six.steps>.step,.ui.seven.steps>.step,.ui.eight.steps>.step{display:block}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.small.step,.ui.small.steps .step{font-size:.8rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.25rem}

build/uncompressed/elements/step.css

@@ -188,7 +188,17 @@
   -moz-border-radius: 0em 0em 0.3125em 0em;
   border-radius: 0em 0em 0.3125em 0em;
 }
-/* Fluid  */
+/* Evenly divided  */
+.ui.one.steps > .step,
+.ui.two.steps > .step,
+.ui.three.steps > .step,
+.ui.four.steps > .step,
+.ui.five.steps > .step,
+.ui.six.steps > .step,
+.ui.seven.steps > .step,
+.ui.eight.steps > .step {
+  display: block;
+}
 .ui.one.steps > .step {
   width: 100%;
 }

build/uncompressed/modules/dropdown.css

@@ -299,8 +299,8 @@
 }
 .ui.left.pointing.dropdown .menu:after {
   top: 1em;
-  left: 0em;
+  left: -0.25em;
-  margin: -0.25em 0em 0em 0em;
+  margin: -0.1em 0em 0em 0em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
@@ -315,7 +315,7 @@
   top: 1em;
   left: auto;
   right: -0.25em;
-  margin: -0.25em 0em 0em 0em;
+  margin: -0.1em 0em 0em 0em;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   transform: rotate(135deg);

node/src/documents/collections/breadcrumb.html

@@ -15,12 +15,12 @@ type   : 'UI Collection'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Collection</a>
+      <a class="active item">Types</a>
       <a class="item">Elements</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Collection</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="example">
     <h4 class="ui header">A simple breadcrumb</h4>

node/src/documents/collections/form.html

@@ -20,13 +20,13 @@ type   : 'UI Collection'
 <div class="main container">
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Collection</a>
+      <a class="active item">Types</a>
       <a class="item">Elements</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
     </div>
   </div>
-  <h2 class="ui dividing header">Collection</h2>
+  <h2 class="ui dividing header">Types</h2>
     
   <div class="example">
     <h4 class="ui header">Form:</h4>

node/src/documents/collections/grid.html

@@ -17,7 +17,7 @@ type   : 'UI Collection'
 <div class="main responsive ui grid">
 <div class="column">
   
-  <h2 class="ui dividing header">Collection</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="highlighted example">
     <h4 class="ui header">Grid</h4>

node/src/documents/collections/menu.html

@@ -16,14 +16,14 @@ type   : 'UI Collection'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Collection</a>
+      <a class="active item">Types</a>
       <a class="item">Elements</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
     </div>
   </div>
 
-  <h2 class="ui dividing header">Collection</h2>
+  <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">Menu</h4>
 

node/src/documents/collections/message.html

@@ -16,13 +16,13 @@ type   : 'UI Collection'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="example">
     <h4 class="ui header">Text Block</h4>

node/src/documents/collections/table.html

@@ -18,13 +18,13 @@ type   : 'UI Collection'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">Table</h4>
     <p>A standard table</p>
@@ -382,7 +382,7 @@ type   : 'UI Collection'
   </div>
   
   <div class="example">
-    <h4 class="ui header">Cells</h4>
+    <h4 class="ui header">Celled</h4>
     <p>A table may be divided each row into separate cells</p>
     <table class="ui celled table segment">
       <thead>
@@ -419,7 +419,7 @@ type   : 'UI Collection'
     <h4 class="ui header">Sortable</h4>
     <p>A table may allow a user to sort contents by clicking on a table header.</p>
     
-    <p>Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="library/tablesort.js">tablesort plugin</a> to provide the proper class names.</p>
+    <p>Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="https://github.com/kylefox/jquery-tablesort">tablesort plugin</a> to provide the proper class names.</p>
     
     <table class="ui sortable table segment">
       <thead>

node/src/documents/elements/divider.html

@@ -20,7 +20,7 @@ type   : 'UI Element'
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">Divider</h4>
     <div class="ui segment">

node/src/documents/elements/icon.html

@@ -15,25 +15,25 @@ type   : 'UI Element'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
     </div>
   </div>
 
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
 
   <h4 class="ui header">Icon Set</h4>
-  <p>Icon sets contain an arbitrary number of icons</p>
+  <p>An icon sets contains an arbitrary number of glyphs</p>
   <div class="ui ignored warning message">
     Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text.
   </div>
     
+  <div class="ui green message">
+    This icon set was built using a custom combination of fonts using the amazing web tool <a href="http://fontello.com/">Fontello</a>
+  </div>
   
-  <div class="another icon example">
+  <div class="icon example">
-    <div class="ui green message">
-      This icon set was built using a custom combination of fonts using the amazing web tool <a href="http://fontello.com/">Fontello</a>
-    </div>
     
     <h4 class="ui header">Content</h4>
     <div class="ui eight column grid">

node/src/documents/elements/image.html

@@ -22,13 +22,14 @@ type   : 'UI Element'
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">Image</h4>
     <p>An image</p>
-    <div class="ui ignored info message">Images will, by default, take up the same size as the original image. Specifying a size will force an image to only take up a specific size.</div>
+    <div class="ui ignored info message">Images will, by default, take up the same size as the original image. Specifying an image size will force an image to only take up a specific size.</div>
     <img class="ui medium image" src="/images/demo/photo.jpg">
   </div>
+  
   <div class="example">
     <h4 class="ui header">Image Link</h4>
     <p>An image can be formatted to link to other content</p>

node/src/documents/elements/input.html

@@ -28,15 +28,15 @@ type   : 'UI Element'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
     </div>
   </div>
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
 
   <div class="example">
-    <h4 class="ui header">Input:</h4>
+    <h4 class="ui header">Input</h4>
     <p>A standard input</p>
     <div class="ui input">
       <input type="text">

node/src/documents/elements/loader.html

@@ -15,13 +15,13 @@ type   : 'UI Element'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">Loader</h4>
     <p>A loader</p>

node/src/documents/elements/progress.html

@@ -14,15 +14,15 @@ type   : 'UI Element'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">States</a>
       <a class="item">Variations</a> 
     </div>
   </div>
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="example">
-    <h4 class="ui header">Progress:</h4>
+    <h4 class="ui header">Progress Bar</h4>
     <p>A standard progress bar</p>
     <div class="ui progress">
       <div class="bar"></div>

node/src/documents/modules/accordion.html

@@ -20,14 +20,14 @@ type   : 'UI Module'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Examples</a>
       <a class="item">Variations</a>
       <a class="item">Usage</a>
     </div>
   </div>
 
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">Accordion</h4>
     <p>A standard accordion</p>

node/src/documents/modules/checkbox.html

@@ -17,7 +17,7 @@ type   : 'UI Module'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Variations</a>
       <a class="item">Behavior</a>
       <a class="item">Examples</a>
@@ -25,7 +25,7 @@ type   : 'UI Module'
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
 
   <div class="example">
     <h4 class="ui header">Check Box</h4>

node/src/documents/modules/dimmer.html

@@ -34,7 +34,7 @@ type   : 'UI Module'
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
       <a class="active item">Usage</a>
-      <a class="item">Standard</a>
+      <a class="item">Types</a>
       <a class="item">Behavior</a>
       <a class="item">States</a>
       <a class="item">Variations</a>
@@ -42,25 +42,25 @@ type   : 'UI Module'
   </div>
   <h2 class="ui dividing header">Usage</h2>
   
-  <h4 class="ui header">Initializing an popup</h4>
+  <h4 class="ui header">Initializing a dimmer</h4>
   <div class="code">
-    // can be invoked on content that needs to be dimmed
+    // if you initialize a dimmer on a dimmable section, a dimmer will automatically be created inside
     $('.ui.dimmable')
       .dimmer()
     ;
     
-    // can be invoked directly on dimmer
+    // if you initialize a dimmer directly, it will dim its current parent
     $('.ui.dimmer')
       .dimmer()
     ;
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
 
   <div class="example">
     <h4 class="ui header">Dimmable</h4>
-    <p>A dimmable section can be dimmed</p>
+    <p>A dimmable is a section of content that can be dimmed</p>
-    <div class="ui ignored info message">A dimmer will automatically be inserted the first time you create a dimmer on a dimmable section</div>
+    <div class="ui ignored info message">A dimmer will automatically be inserted the first time you initialize a dimmer on a dimmable section</div>
     <div class="ui segment">
       <h4 class="ui header">
         <i class="icon photos"></i>Dog Photos
@@ -111,7 +111,7 @@ type   : 'UI Module'
   
   <div class="example">
     <h4 class="ui header">Stand-alone Dimmer</h4>
-    <p>A dimmer can exist on its own without defining content that is /p>
+    <p>A dimmer can exist on its own without defining content that it dims <span>/pan>p>
     <div class="ui segment">
       <h4 class="ui header">
         <i class="icon photos"></i>Dog Photos

node/src/documents/modules/dropdown.html

@@ -19,7 +19,7 @@ type   : 'UI Module'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Variations</a>
       <a class="item">States</a>
       <a class="item">Behavior</a>
@@ -27,7 +27,7 @@ type   : 'UI Module'
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
 
   <div class="visible hover example">
     <h4 class="ui header">Dropdown</h4>

node/src/documents/modules/popup.html

@@ -17,12 +17,12 @@ type   : 'UI Module'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Usage</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   <div class="example">
     <h4 class="ui header">Popup</h4>
     <p>A standard popup</p>

node/src/documents/modules/reveal.html

@@ -16,18 +16,18 @@ type   : 'UI Module'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Types</a>
       <a class="item">Variations</a>
       <a class="item">States</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
 
   <div class="example">
     <h4 class="ui header">Reveal</h4>
-    <p>The markup for a reveal</p>
+    <p>A standard reveal</p>
     <div class="ui message">
       A reveal will take no action unless a type of reveal is specified and has no specific styling of its own. It can be used effectively with other elements like, <a href="/elements/message.html">message blocks</a>, <a href="/elements/segment.html">segments</a>, and <a href="/elements/images.html">images</a>.
     </div>

node/src/documents/modules/shape.html

@@ -20,7 +20,7 @@ type   : 'UI Module'
   
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Examples</a>
       <a class="item">Getting Started</a>
     </div>
@@ -28,7 +28,7 @@ type   : 'UI Module'
   
   
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="ui info message">The module uses 3D transformations which are currently only supported in modern versions of Chrome, Safari, and Firefox.</div>
 

node/src/documents/views/comment.html

@@ -15,13 +15,13 @@ type   : 'UI View'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Content</a>
       <a class="item">Variations</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="example">
     <h4 class="ui header">Comments</h4>

node/src/documents/views/feed.html

@@ -15,13 +15,13 @@ type   : 'UI View'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Content</a>
       <a class="item">Variations</a>
     </div>
   </div>
 
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
 
   <div class="example">
     <h4>Feed</h4>

node/src/documents/views/items.html

@@ -15,18 +15,18 @@ type   : 'UI View'
 
   <div class="peek">
     <div class="ui vertical pointing secondary menu">
-      <a class="active item">Standard</a>
+      <a class="active item">Types</a>
       <a class="item">Content</a>
       <a class="item">Variations</a>
     </div>
   </div>
   
-  <h2 class="ui dividing header">Standard</h2>
+  <h2 class="ui dividing header">Types</h2>
   
   <div class="example">
     <h4 class="ui header">Items</h4>
     <p>A basic item list. </p>
-    <div class="ignored error ui message">
+    <div class="ignored yellow ui message">
       <i class="info icon"></i>
       Items are given an arbitrary width and height which matches up to the proportions of the content it typically displays. This means item content must not be too large for the content area.
     </div>

node/src/files/components/semantic/elements/step.css

@@ -188,7 +188,17 @@
   -moz-border-radius: 0em 0em 0.3125em 0em;
   border-radius: 0em 0em 0.3125em 0em;
 }
-/* Fluid  */
+/* Evenly divided  */
+.ui.one.steps > .step,
+.ui.two.steps > .step,
+.ui.three.steps > .step,
+.ui.four.steps > .step,
+.ui.five.steps > .step,
+.ui.six.steps > .step,
+.ui.seven.steps > .step,
+.ui.eight.steps > .step {
+  display: block;
+}
 .ui.one.steps > .step {
   width: 100%;
 }

node/src/files/components/semantic/modules/dropdown.css

@@ -299,8 +299,8 @@
 }
 .ui.left.pointing.dropdown .menu:after {
   top: 1em;
-  left: 0em;
+  left: -0.25em;
-  margin: -0.25em 0em 0em 0em;
+  margin: -0.1em 0em 0em 0em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
@@ -315,7 +315,7 @@
   top: 1em;
   left: auto;
   right: -0.25em;
-  margin: -0.25em 0em 0em 0em;
+  margin: -0.1em 0em 0em 0em;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   transform: rotate(135deg);

node/src/files/components/semantic/views/sitemap.css

@@ -0,0 +1,36 @@
+/*
+ * # Sitemap
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ * Released: April 17 2013
+ */
+/*******************************
+           Sitemap
+*******************************/
+.ui.sitemap {
+  margin: 0 -3rem;
+  font-size: 0rem;
+  text-align: left;
+}
+/*--------------
+     Elements
+---------------*/
+.ui.sitemap > .section {
+  display: inline-block;
+  vertical-align: top;
+  margin: 0em 3rem;
+  font-size: 1rem;
+}
+.ui.sitemap > .section > .header {
+  font-size: 1.125em;
+  color: rgba(0, 0, 0, 0.8);
+  padding-bottom: 0.5em;
+}
+.ui.sitemap > .section > a {
+  display: block;
+  padding: 0.25em 0em;
+}

src/elements/step.less

@@ -237,7 +237,18 @@
   border-radius: 0em 0em 0.3125em 0em;
 }
 
-/* Fluid  */
+/* Evenly divided  */
+.ui.one.steps > .step,
+.ui.two.steps > .step,
+.ui.three.steps > .step,
+.ui.four.steps > .step,
+.ui.five.steps > .step,
+.ui.six.steps > .step,
+.ui.seven.steps > .step,
+.ui.eight.steps > .step {
+  display: block;
+}
 .ui.one.steps > .step {
   width: 100%;
 }
@@ -264,6 +275,7 @@
 }
 
 
+
 /*******************************
              Sizes
 *******************************/

src/modules/dropdown.less

@@ -380,8 +380,8 @@
 }
 .ui.left.pointing.dropdown .menu:after {
   top: 1em;
-  left: 0em;
+  left: -0.25em;
-  margin: -0.25em 0em 0em 0em;
+  margin: -0.1em 0em 0em 0em;
 
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
@@ -398,7 +398,7 @@
   top: 1em;
   left: auto;
   right: -0.25em;
-  margin: -0.25em 0em 0em 0em;
+  margin: -0.1em 0em 0em 0em;
 
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);